react-native - 加载应用程序 Redux 状态时，如何使用 React Native Navigation 在 React Native 中显示启动画面？

Question

我正在尝试将 Wix 的 React Native Navigation 集成到我的应用程序中，但不确定如何进行设置以处理加载阶段。

该库在本机层有一个启动屏幕，但仅在解析包时显示。一旦完成并且 React Native 接管，然后我会重新水化我的 Redux 存储（来自 Redux-Persist），进行几次检查，调用 API 以验证令牌，并将用户重定向到正确的屏幕。虽然这一切都在发生，但我想显示一个加载屏幕，但不知道如何使用这个库来实现它。

在所有加载和检查完成之前，我不想展示我的应用程序或让用户使用该应用程序。

这个库有可能吗？如果是这样，我该如何设置？我的导航是基于标签的，没有侧抽屉。

Answer 1

有 2 个选项供您选择： 1. 调用 Navigation.startSingleApp，应用启动时唯一的屏幕是“加载屏幕”。那个时候，你叫rehydrate redux。当调用回调时，您调用 Navigation.start（单个或选项卡）到您的主屏幕 2. 使用路由“Loading”设计 registerScreen 以用于加载屏幕。应用启动时，调用 Navigation.startSingleApp 以获取加载屏幕。在加载屏幕的“componentDidMount”上，调用rehydrate redux，回调调用时，推送到主屏幕