當存在列表時,頁面進入卡頓和渲染需要等待
原因: 使用了FlatList腔寡,由于父組件的高度不固定焚鲜,導致一直調用onEndReached方法,每次調用onEndReached會加載放前,然后頁面不可點擊狀態(tài)忿磅。
解決方法: 1. 給父組件加上display: flex, flex: 1 ; 讓組件有一個合理的高度犀斋。
2. 加上getItemLayout贝乎, 固定高度,減少計算帶來的渲染消耗叽粹;函數式組件每次props或者useState都會重新加載函數览效,減少state數量和減少props變化,增加靜態(tài)變量(固定數據不變的變量)虫几,同時把靜態(tài)變量提取出到函數組件外部锤灿,減少每次增加變量帶來的內存消耗;
組件不要卸載函數式組件內部辆脸,提出來但校,減少性能消耗;
react-native性能優(yōu)化
?著作權歸作者所有,轉載或內容合作請聯系作者
- 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來升敲,“玉大人答倡,你說我怎么就攤上這事÷康常” “怎么了瘪撇?”我有些...
- 正文 為了忘掉前任,我火速辦了婚禮码俩,結果婚禮上度帮,老公的妹妹穿的比我還像新娘。我一直安慰自己稿存,他們只是感情好笨篷,可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瓣履,像睡著了一般率翅。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上袖迎,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼暇榴!你這毒婦竟也來了厚棵?” 一聲冷哼從身側響起蕉世,我...
- 正文 年R本政府宣布虚茶,位于F島的核電站戈鲁,受9級特大地震影響,放射性物質發(fā)生泄漏嘹叫。R本人自食惡果不足惜婆殿,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望罩扇。 院中可真熱鬧婆芦,春花似錦、人聲如沸喂饥。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽员帮。三九已至或粮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間捞高,已是汗流浹背氯材。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 什么樣的app才是一個優(yōu)秀的app呢? 安裝包的體積小 啟動速度快 使用流暢生闲、不卡頓 用戶交互友好 報錯或者閃退次...
- 性能優(yōu)化的學習 React Component的性能考慮 1 createClass 和 extends Reac...
- 前言 學習本系列內容需要具備一定 HTML 開發(fā)基礎媳溺,沒有基礎的朋友可以先轉至 HTML快速入門(一) 學習 本人...
- 前言 影響性能最大的因素是界面的重繪和重排版,React 背后的 Virtual DOM 就是盡可能地減少重繪與重...
- 前言 本文有配套視頻碍讯,可以酌情觀看悬蔽。 文中內容因各人理解不同,可能會有所偏差捉兴,歡迎朋友們聯系我蝎困。 文中所有內容僅供...