在加载应用程序Redux状态时,如何在React Native中使用React Native Navigation显示启动画面?

时间:2017-09-15 15:13:16

标签: react-native react-native-navigation

我正在尝试将Wix的React Native Navigation整合到我的应用程序中,并且不确定如何设置处理加载阶段。

库在本机层有一个启动画面,但仅在解析包时显示。一旦完成并且React Native接管,我然后重新水化我的Redux商店(来自Redux-Persist),进行一些检查,调用API来验证令牌,并将用户重定向到正确的屏幕。虽然所有这一切都在发生,但我想显示一个加载屏幕,但不知道如何使用此库进行操作。

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

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

1 个答案:

答案 0 :(得分:3)

有两种选择: 1.当应用程序启动时,使用唯一屏幕调用Navigation.startSingleApp是“正在加载屏幕”。那时,你称为rehydrate redux。当调用回调时,您将Navigation.start(单个或制表符)调用到主屏幕 2.使用路径“正在加载”设置registerScreen以加载屏幕。当应用程序启动时,请为加载屏幕调用Navigation.startSingleApp。在加载屏幕的“componentDidMount”上,调用rehydrate redux,当回调调用时,按下到主屏幕