您的位置:首页 > Web前端 > React

react-native中FlatList不支持ListEmptyComponent

2018-01-31 17:47 459 查看
在开发中发现:

0.43版本的react-native中FlatList不支持ListEmptyComponent参数,但是需要实现展示列表为空时的视图。如下图



结局方案

想尽办法都没能让它支持ListEmptyComponent,所以选择折中的方式,使用ListHeaderComponent来实现ListEmptyComponent功能:

<FlatList
ListHeaderComponent={() => (
!this.state.listData.length?
<Text>The list is empty</Text>
: null)
}
/>


来自StackOverFlow的参考链接
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: