使用堆栈导航器的React原生图中的启动画面和登录屏幕？

Question

目前我是新手，我看到他们发布的官方网站0.47。我正在寻找启动画面和登录屏幕。我找到了在android中使用启动画面的示例，但我不想触摸android中的mainactivity.java。我看到了使用navigator的示例，该示例已被弃用并在不同的包中分离。我打算用堆栈导航器做。有没有使用带有启动画面和登录界面的堆栈导航器的例子？

Answer 1

有许多关于如何在本机中进行登录屏幕的示例。但你也可以尝试自己做，首先尝试清除反应原生概念。 关于堆栈导航器，首先阅读它做一些研究如何使用它。然后，您可以使用异步存储来保存用户状态。根据用户状态，您可以导航到登录屏幕或启动画面。 以下是了解堆栈导航器的链接。 stack navigator

Answer 2

我不打算为你编码，但一般指导原则是：

首先，您需要创建一个组件来保存splashScreen。这应该是一个简单的组件，只是一个图像，也许是一个ActivityIndi​​cator。

启动画面的实用程序是加载应用程序正常运行所需的资源。

• 如果是这种情况，那么您应该定义一个Async componentDidMount（），然后使用 await 为您的每个异步加载加载您的应用可能需要的每个资产。加载完所有内容后，使用您最喜欢的导航器将用户重定向到LoginComponetn。

• 如果你只是想拥有一个花哨的启动画面，只需要有一个，只需在componentDidMount（）上设置一个2秒计时器，然后将用户重定向到登录屏幕。

注意：请记住在登录屏幕中禁用Android后退按钮，以防止用户返回登录屏幕。

注意2：我不知道您使用的是哪个导航器但是您应该检查ReactNavigation和React Native Router Flux。我个人喜欢第二个选项，因为它得到了更好的维护，并且它是一个比第一个更好的API。

祝你好运！评论疑惑！