react-native中FlatList不支持ListEmptyComponent
2018-01-31 17:47
459 查看
在开发中发现:
0.43版本的react-native中FlatList不支持ListEmptyComponent参数,但是需要实现展示列表为空时的视图。如下图
来自StackOverFlow的参考链接
0.43版本的react-native中FlatList不支持ListEmptyComponent参数,但是需要实现展示列表为空时的视图。如下图
结局方案
想尽办法都没能让它支持ListEmptyComponent,所以选择折中的方式,使用ListHeaderComponent来实现ListEmptyComponent功能:<FlatList ListHeaderComponent={() => ( !this.state.listData.length? <Text>The list is empty</Text> : null) } />
来自StackOverFlow的参考链接
相关文章推荐
- React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现
- React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现
- ReactNative 之FlatList使用及踩坑封装总结
- React-native FlatList 组件的下拉刷新onEndReached异常
- ReactNative之FlatList的具体使用方法
- ReactNative中FlatList(ListView已过期)组件
- react native FlatList
- React Native FlatList的使用
- React Native之FlatList,listview的升级版
- react native FlatList使用详解以及上拉刷新下拉加载带可运行demo
- React Native之FlatList的介绍与使用实例
- scroll to index for flat list in react-native
- ReactNative实战 (三) FlatList 上下拉刷新的使用
- ReactNative学习之控件:FlatList
- 一起学react native(5) mobx配合FlatList实现高性能im聊天界面
- React Native之FlatList,listview的升级版
- ReactNative之FlatList组件使用方法总结
- React Native填坑之旅 -- FlatList
- ReactNative FlatList state更新,视图不更新的问题
- ReactNative基础(八)了解FlatList的使用、添加头尾布局、下拉刷新、上拉加载