我如何使用FlatList而不是ListView？

Question

我从react-native-gifted-chat中获取了这段代码 我想使用FlatList

<ListView
      enableEmptySections={true}
      automaticallyAdjustContentInsets={false}
      initialListSize={20}
      pageSize={20}

      {...this.props.listViewProps}

      dataSource={this.state.dataSource}

      renderRow={this.renderRow}
      renderHeader={this.renderFooter}
      renderFooter={this.renderLoadEarlier}
      renderScrollComponent={this.renderScrollComponent}
    />

Answer 1

以下是使用FlatList执行您尝试执行的操作的示例：

 render() {
    return (
      <View style={{ flex: 1 }}>
        <FlatList
          data={someArrayWithDataObjects} // your data source
          renderItem={({ item }) => this.renderSearchResults(item)} // how you want each item rendered
          keyExtractor={item => item.id} // unique identifier for performance reasons
        />
      </View>
    );
  }