小编Pie*_*aar的帖子

Flutter Firestore 离线数据库

我有一个关于 Cloud Firestore 和 Flutter 的澄清问题:我正在制作一个应用程序,用户可以创建某种日志条目,这些条目将保存在 Firebase 上。但在再次连接互联网之前,他们可能会离线输入最多 30 个条目。

我知道Firestore有一个离线功能,任何创建的文档都可以离线查看,因为它是按照日志记录的顺序保存的,然后在获得互联网连接时与数据库同步。但绝对重要的是,这些日志在有机会上传之前不会在我的应用程序中丢失。有没有办法确保我的应用程序在再次连接到 Firebase 之前不会丢失这些数据,或者我应该在设备上创建一个 Sembast 数据库,并保存所有内容的副本,然后偶尔根据数据库进行检查?

如果手机电池在与 Firestore 同步之前没电,Firestore 是否有离线应急措施?

或者还有其他我不知道的解决方案?

firebase flutter google-cloud-firestore

3
推荐指数
1
解决办法
3053
查看次数

Disclosure.Button 的“as={NavLink}”在活动时没有样式

我的 React 项目有 2 个菜单,它们都使用 NavLink 来显示它是否处于活动状态。

普通版可以工作,但移动版是用 HeadlessUI Disclosure.Button 构建的...

所以我有:

<Disclosure.Button
  as={NavLink}
  to='/'
  className={({ isActive }) => isActive
    ? "bg-indigo-50 border-indigo-500 text-indigo-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6"
    : "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6"
  }
>
  My Events
</Disclosure.Button>
Run Code Online (Sandbox Code Playgroud)

而这个 isActive 布尔值不起作用。

我假设我使用的 className 不会影响 NavLink,而只会影响 Button?但我没有任何线索。

问题不在于路由器或其他任何东西,因为顶部的主菜单可以工作:

<NavLink
  to="/"
  className={({ isActive }) => isActive
    ? "border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium"
    : …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router headless-ui

0
推荐指数
1
解决办法
1811
查看次数