FlatList отображает данные в списке прокрутки - PullRequest
Новая
       12

FlatList отображает данные в списке прокрутки

0 голосов
/ 23 апреля 2020

Я пытаюсь отобразить данные, полученные из базы данных о пожарах (Firestore) в плоском списке для отображения имени пользователя и аватара. Теперь я вижу пользовательские данные в консоли, но мне нужно отобразить их в списке прокрутки в приложении. теперь плоский список отображается только одному пользователю бесконечно. 

componentDidMount() {

    let user = Fire.shared.firestore.collection("users");
    let allUsers = user
      .get()
      .then(snapshot => {
        snapshot.forEach(doc => {
          console.log(doc.id, "=>", doc.data());
          this.setState({ 
            user: doc.data(),
            key: doc.id

           });
        });
      })
      .catch(err => {
        console.log("Error getting documents", err);
      });
  Item = ({ user }) => {
    return (
      <View style={style.container}>
        <TouchableOpacity style={style.card}>
          <Image
            source={
              this.state.user.avatar
                ? { uri: this.state.user.avatar }
                : require("../assets/tempAvatar.jpg")
            }
            style={style.cardImg}
          />
          <View style={style.footer}>
            <Text style={style.txt}>{this.state.user.name}</Text>
          </View>
        </TouchableOpacity>
      </View>
    );
  };

  render() {
    if (this.state.user.length == 0) {
      return (
        <View style={style.loader}>
          <ActivityIndicator size="large" />
        </View>
      );
    }
  return (
      <FlatList
        style={style.warpper}
        data={this.state.user.name}
        keyExtractor={(item, index) => index.toString()}
       renderItem={this.Item}

      />
    );
}
}```
...