react native flatlist with firebase

Question

rendering :

<FlatList
    data={this.state.data}
    renderItem={({ item }) => 
    <Text style={styles.item}>{item.key}</Text>}
/>

my method :

displayCollectionUser().then((collection) => {
    this.setState({
        data: Object.values(collection)
    });
    console.log("this.state.data");
    console.log(this.state.data);
});

Problem: children not display

Answer 1

Hello your data from FlatList has to be an Array . Your response is an Object .

this.state.data has to be an array. You can change your response to be an array, or move the object properties to an array. Just use this :

this.setState({
  data: Object.values(collection)
})