亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React Native:使用 .map 代替 Flatlist 可以嗎?

React Native:使用 .map 代替 Flatlist 可以嗎?

拉丁的傳說 2023-09-28 17:17:19
對于最多 50 個項目的列表,是否可以使用 .map 來渲染組件列表,而不是 Flatlist(性能方面)?對我來說,簡單的地圖 + ScrollView 感覺比 FlalistNative 更容易、更直觀:使用 .map 而不是 Flatlist 可以嗎?
查看完整描述

3 回答

?
明月笑刀無情

TA貢獻1828條經驗 獲得超4個贊

Flatlist 使用延遲加載,這意味著它只加載屏幕上需要的內容。所以它的性能會比簡單的地圖更好。但正如您所提到的,您正在使用小列表,其中任何一個都可以正常工作。



查看完整回答
反對 回復 2023-09-28
?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

使用 map 來渲染組件是可以的,但是,為了提高性能,我建議使用React.memo來緩存迭代的元素。



查看完整回答
反對 回復 2023-09-28
?
猛跑小豬

TA貢獻1858條經驗 獲得超8個贊

當談到加速渲染組件時,使用 Flatlist 贏得了這個功能。據我觀察,大約 30% 的 Flatlist 渲染速度比使用 Map 更快。因為Flatlist在DOM中顯示的時候能夠緩存之前的數據。

FlatList 具有延遲加載功能(它只顯示屏幕上的內容,因此如果您有一個巨大的列表,它的性能會更高)


查看完整回答
反對 回復 2023-09-28
  • 3 回答
  • 0 關注
  • 135 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號