React Native的ListView性能优化-FlatList

FlatList

FlatList 之所以节约内存、渲染快,是因为它只将用户看到的(和即将看到的)部分真正渲染出来了。而用户看不到的地方,渲染的只是空白元素。渲染空白元素相比渲染真正的列表元素需要内存和计算量会大大减少,这就是性能好的原因。

FlatList 将页面分为 4 部分。初始化部分/上方空白部分/展现部分/下方空白部分。初始化部分,在每次都会渲染;当用户滚动时,根据需求动态的调整(上下)空白部分的高度,并将视窗中的列表元素正确渲染出来。

React Native的ListView性能优化-FlatList_第1张图片
895914763-58d48c7ddb570_articlex.jpeg

你可能感兴趣的:(React Native的ListView性能优化-FlatList)