如何将 react-native-leaderboard 与来自 firestore 的值一起使用

Question

我正在尝试使用 react-native-leaderboard (https://www.npmjs.com/package/react-native-leaderboard) 来显示一个简单的 'high scores' 区域，其中包含团队名称和他们各自的分数。团队名称和相关分数存储在 firestore 中。

我的数据库结构如下所示： database structure link

我需要return 以下面的格式命名和高分数据，其中值是每个团队名称的字段，每个团队名称是一个文档。我怎样才能具体或概念上以这种格式从 firestore 中获取它？或者什么是正确的词/搜索词来描述我正在尝试做的事情？

 //...import Leaderboard from 'react-native-leaderboard';//...this.state = {data: [
    {name: 'David', highScore: 52},
    {name: 'Jenny', highScore: 120},`
    //...
] //can also be an object of objects!: data: {a:{}, b:{}}

}

Answer 1

您可以像这样从 firebase 获取：

const unsubscribe = firebase.firestore().collection("HigeScores").get().then((snap) =>{
        const datas = [];
        snap.forEach((doc) =>{
        datas.push({name: doc.data().name, highScore: doc.data().highScore})
        })
        this.setState({data: datas})
    //or you can use useState like const [data, setData] = useState([]); then setData(datas)
     })

如何将 react-native-leaderboard 与来自 firestore 的值一起使用

How to use react-native-leaderboard with values from firestore

firebase

google-cloud-firestore

leaderboard