FLatList更改numColumns怎么让ListHeaderComponent不重新渲染，或者flatlist怎么从单列切换到多列。

来源：3-4 高性能列表组件FlatList、VirtualizedList精讲-4

qq_大风吹_0

2018-10-27

FLatList更改numColumns怎么让ListHeaderComponent不重新渲染，或者flatlist怎么从单列切换到多列。图片描述

写回答

1回答

CrazyCodeBoy

2018-10-30

目前还貌似还不支持切换numColumns而不重新渲染ListHeaderComponent的哦，不过你可以自己实现不重新渲染ListHeaderComponent，说下思路哈：

通过一个方法获取ListHeaderComponent，在返回ListHeaderComponent的时候，将其保存给一个变量，然后下次调用该方法时判断变量如果不为空则直接返回即可。

_getListHeaderComponent(
    if(this.listHeaderComponent){
        retrun this.listHeaderComponent;
    }
    return this.listHeaderComponent = <ListHeaderComponent...
)

这是思路哈，自己领会下吧；

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

flatlist可以嵌套使用吗，或者在flatlist中使用map

回答 2

页面上下滚动切换tab

回答 1

FlatList 频繁调用

回答 1

FlatList外边包一层scrollview，导致onEndReached疯狂执行

回答 1

StatusBar如何重新渲染？

回答 1

打开慕课网App查看更多内容