目前我是新手，我看到了他们发布的官方网站 0.47。我在 React Native 中寻找初始屏幕和登录屏幕。我在 android 中找到了启动屏幕的示例，但我不想在 android 中触摸 mainactivity.java。我已经看到使用 navigator 的示例，该示例已被弃用并在不同的包中分开。我打算使用堆栈导航器。有没有使用带有初始屏幕和登录屏幕的堆栈导航器的示例？
1374 次
2 回答
1
There are many examples on how to make login screen in react native. But you can also try to make your own, first try to clear react native concepts. About stack navigator, first read about it do some research how to use it. Then you can use async storage to save user state. Based on user state you can navigate to either login screen or splash screen . Below is a link to understand stack navigator. stack navigator
于 2017-08-09T08:56:17.110 回答
0
我不会为您编写代码，但一般准则是：
首先，您需要创建一个组件来保存您的 splashScreen。这应该是一个简单的组件，只是一个图像，也可能是一个 ActivityIndicator。
启动画面的用途是加载应用程序正常运行所需的资产。
如果这是您的情况，那么您应该定义一个 Async componentDidMount() 并在那里加载您的应用程序可能需要的每个资产，使用await来处理您拥有的每个异步负载。加载所有内容后，使用您最喜欢的导航器将您的用户重定向到 LoginComponetn。
如果您只是为了拥有一个花哨的启动画面，那么只需在 componentDidMount() 上设置一个 2 秒计时器，然后将您的用户重定向到登录屏幕。
注意：请记住禁用登录屏幕中的 android 后退按钮，以防止您的用户返回登录屏幕。
注意 2：我不知道您使用的是哪个导航器，但您应该检查 ReactNavigation 和 React Native Router Flux。我个人喜欢第二种选择，因为它维护得更好，而且它是一个比第一种改进的 API。
祝你好运！评论质疑！
于 2017-08-09T15:34:34.947 回答