Flatlist React Native

本文介绍了Flatlist React Native - 无数据显示的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我们正在使用 Flatlist 开发 React Native 应用程序.绑定来自 API 服务的数据 &它的工作正常.假设服务中没有可用数据，我们需要为此显示单独的设计.

We are developing a react native application using Flatlist. Binding data from API service & its working fine. Suppose no data available in service we need to display separate design for that.

我们为此使用了renderEmptyListComponent"

We are using "renderEmptyListComponent" for that

分享代码，请查看

<FlatList style={{ backgroundColor: 'white' }} data={this.state.dataSource} renderItem={({ item }) => (this.renderMovie(item))} keyExtractor={item => item.salesID} renderEmptyListComponent= {this.noItemDisplay} ItemSeparatorComponent={this.renderSeparator}> </FlatList>

请指导我如何做到这一点?

please guide me how can we do this?

推荐答案

可能想改用这个:

<FlatList style={{ backgroundColor: 'white' }} data={this.state.dataSource} renderItem={({ item }) => (this.renderMovie(item))} keyExtractor={item => item.salesID} ListEmptyComponent={this.noItemDisplay} ItemSeparatorComponent={this.renderSeparator}> </FlatList>

或者如果这也不起作用，请执行旧的三元 jsx-eroo

Or if that also doesn't work do the old ternary jsx-eroo

{ this.data ?<FLatList/>: null }

希望能帮到你