RN更新太快,很多方法都改变了,实时记录一下 FlatList 的用法,如图:
demo:
![](https://img.haomeiwen.com/i9311480/e85c175817367c63.gif)
1、 使用 FlatList 的模块方法
![](https://img.haomeiwen.com/i9311480/6e26d05dcd23984d.png)
2、给 cell(item)设置一个不重复的key
![](https://img.haomeiwen.com/i9311480/e992824c3bac76c7.png)
3、添加 cell(item)
![](https://img.haomeiwen.com/i9311480/af96eb908cbab71c.png)
4、自定义分割线样式
![](https://img.haomeiwen.com/i9311480/cbb0ae6aaf8bd77b.png)
5、无数据样式
![](https://img.haomeiwen.com/i9311480/14f35d32a54ada6e.png)
6、上拉加载
![](https://img.haomeiwen.com/i9311480/65dba51a80612c8c.png)
7、下拉刷新
![](https://img.haomeiwen.com/i9311480/2987e1a1f74a3adf.png)
8、底部 view
![](https://img.haomeiwen.com/i9311480/e71ad3f4e172fcb8.png)
9、顶部 view
![](https://img.haomeiwen.com/i9311480/51ed43b89eef275c.png)
有疑问,可留言交流...
RN更新太快,很多方法都改变了,实时记录一下 FlatList 的用法,如图:
demo:
1、 使用 FlatList 的模块方法
2、给 cell(item)设置一个不重复的key
3、添加 cell(item)
4、自定义分割线样式
5、无数据样式
6、上拉加载
7、下拉刷新
8、底部 view
9、顶部 view
有疑问,可留言交流...
本文标题:RN_0.59.9_FlatList
本文链接:https://www.haomeiwen.com/subject/ypcexctx.html
网友评论