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

明月笑刀無情
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊
Flatlist 使用延遲加載,這意味著它只加載屏幕上需要的內(nèi)容。所以它的性能會(huì)比簡單的地圖更好。但正如您所提到的,您正在使用小列表,其中任何一個(gè)都可以正常工作。

慕村225694
TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊
使用 map 來渲染組件是可以的,但是,為了提高性能,我建議使用React.memo來緩存迭代的元素。

猛跑小豬
TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊
當(dāng)談到加速渲染組件時(shí),使用 Flatlist 贏得了這個(gè)功能。據(jù)我觀察,大約 30% 的 Flatlist 渲染速度比使用 Map 更快。因?yàn)镕latlist在DOM中顯示的時(shí)候能夠緩存之前的數(shù)據(jù)。
FlatList 具有延遲加載功能(它只顯示屏幕上的內(nèi)容,因此如果您有一個(gè)巨大的列表,它的性能會(huì)更高)
添加回答
舉報(bào)
0/150
提交
取消