如何在脱机模式下更新firebase实时数据库“推送”上的UI

Question

我在我的应用程序中使用的是react-本地Firebase。我面临的问题是如何处理用户离线时尝试推送数据时的用户界面更新。

如果用户在线，我们可以使用on（）方法获得实时更新，但当他们离线时该怎么办。我们知道推送的数据存储在缓存中，并在用户再次在线时推送。这个缓存的数据可以用来做我的目标是实现什么？

以下是我用来接收实时更新的代码：

var ref333 = firebase.database().ref(`/user-posts/${uid}/`)
ref333.on('value',function (snap) {
  var s = snap.val();
  console.log("NEW POSTS "+JSON.stringify(s))
})

我用来推送数据的代码。

var postData={uid:uid，body:'body'，title:'title'，starCount:0}；

// Get a key for a new Post.
var newPostKey = firebase.database().ref().child('posts').push().key;
var ref222 = firebase.database().ref(`/posts/${newPostKey}`)
var ref333 = firebase.database().ref(`/user-posts/${uid}/${newPostKey}`)
ref222.push(postData, function (onComplete) {
  console.log("COMPLETED")
  ref333.push(postData,function (onComplete) {
    console.log("NEXT COMPLETED")
  }, function (error) {
    console.log("ERROR IN ",error)
  })
}, function (error) {
  console.log("error == "+error)
})

Answer 1

通过将以下代码行添加到本机代码来解决此问题：

https://rnfirebase.io/docs/v5.x.x/core/default-app#Enable-数据库持久性

Answer 2

这个在snspashot上，即使处于脱机模式，也应触发侦听器。根据文件：https://firebase.google.com/docs/database/web/read-and-write

可以使用value事件读取给定路径上的内容的静态快照，因为它们在事件发生时存在。此方法在附加侦听器时触发一次，并在每次数据（包括子数据）更改时再次触发。

这也应该在离线模式下工作。如果您没有收到更新-有其他问题。