与firebase反应本机flatlist

时间:2018-11-20 14:23:28

标签: javascript firebase react-native react-native-flatlist

渲染:

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

我的方法:

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

问题: 儿童不展示 enter image description here

enter image description here

1 个答案:

答案 0 :(得分:1)

您好,您来自data的{​​{1}}必须是FlatList。您的回复是Array

Object必须是一个数组。您可以将响应更改为数组,也可以将对象属性移动到数组。 只需使用此:

this.state.data