iOS端Firebase配置isPersistenceEnabled离线持久化不生效问题

你加的这几行配置根本不够让应用支持离线使用，飞行模式下白屏是缺了多层配置、没做离线兜底导致的，具体问题和要补的配置如下：

• 你在AppDelegate里开的Database.database().isPersistenceEnabled = true，只对iOS原生Swift/OC代码直接调用Firebase Realtime Database的请求有用，完全管不到ReactJS层的逻辑。不管你是React Native应用，还是WebView套的React H5，JS侧发的Firebase请求根本读不到这个原生配置开的缓存。
• 白屏本质是启动阶段断网时，静态资源加载失败、网络请求抛的错没人捕获，直接把React的渲染流程打断了，页面直接崩成空白，根本轮不到读本地缓存的步骤。

需要补的配置 #

按你实际的技术栈对应配就行：

React Native 场景 #

1. 别指望原生端的持久化开关，在JS层初始化Firebase的时候单独开JS侧的持久化。如果用的是官方Firebase JS SDK，记得配AsyncStorage当持久化存储适配器，不然缓存只存在内存里，杀个进程或者冷启动就全没了。
2. 所有网络请求必须加catch捕获异常，请求失败的时候优先读本地已经存过的业务数据渲染，别把未处理的Promise异常抛到全局。
3. 要是你实际用的是Firestore而不是Realtime Database，不管原生端还是JS端都得单独调用Firestore的持久化开启方法，你现在写的这行配置对Firestore一点用都没有。

WebView 加载 React H5 场景 #

1. 原生端初始化WebView的时候放开本地存储权限：开DOM Storage、文件读写权限，配个正常的缓存策略，别用默认的无缓存模式。
2. React H5层加Service Worker，把首屏要用的HTML、JS、CSS这些静态资源做离线缓存，保证断网的时候应用壳子能正常加载，不会一上来就白屏。
3. JS侧的Firebase初始化、数据请求逻辑全加上异常兜底，断网请求失败的时候降级读LocalStorage/IndexedDB里存的旧数据，同时做好无数据的兜底UI，别空着页面。

额外注意点 #

• Firebase的离线持久化只会缓存用户之前联网时成功拉到过的数据，要是用户装完应用第一次打开就是断网状态，就算开了持久化也读不到任何业务数据，必须做首屏兜底。
• 断网启动的时候先看控制台报错，九成九的白屏都是初始化阶段的请求没写catch，抛了全局运行时错误把渲染搞挂了。

内容的提问来源于stack exchange，提问作者Paul VI