react-native - 在 react-native 中注册组件之前等待异步

Question

我需要等待异步存储然后初始化应用程序，因为我在这里存储身份验证 token 并希望在用户获得授权时为用户显示正确的场景:

(async () => {
  const viewer = JSON.parse(await AsyncStorage.getItem('viewer'));

  // ... 

  const RootContainer = () => (
    // ...
  );

  AppRegistry.registerComponent('yawaloo', () => RootContainer);
})();

我已从 0.34.1 迁移到 react-native 0.40.0，现在出现错误“Module AppRegistry 不是已注册的可调用对象”。

在以前的版本中一切正常。如何等待某些操作然后开始渲染 RootContainer？

Answer 1

一种想法是使用闪屏。更具体地说，使用 RootContainer 中的状态来确定是显示启动画面还是主 UI。最初将状态设置为 false(显示启动画面)，然后在从异步存储中读取 token 后，将状态设置为 true。

应用程序具有闪屏的部分原因是为了处理这样的情况。 HTH