Flatlist React Native - 无数据显示

Question

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

我们为此使用了“renderEmptyListComponent”

共享代码，请检查

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

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

Answer 1

可能想改用这个：

<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

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

希望这可以帮助