Comment puis-je utiliser ceci avec FlatList et non avec ListView?

Question

J'ai pris ce code de réagir-native-doués discuter et je veux utiliser 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

Voici un exemple d'utilisation FlatList pour faire ce que vous essayez de faire:

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> 
    ); 
    }