React native 在React native with stack navigator中的启动屏幕和登录屏幕?

React native 在React native with stack navigator中的启动屏幕和登录屏幕?,react-native,react-native-android,react-native-navigation,React Native,React Native Android,React Native Navigation,目前我是新手,我看到官方网站上发布了0.47。我在react native中查找启动屏幕和登录屏幕。我在android中找到了启动屏幕的例子,但我不想触碰android中的mainactivity.java。我看到过使用navigator的例子,navigator在不同的包中被弃用和分离。我计划使用堆栈导航器。有没有使用带有启动屏幕和登录屏幕的stack navigator的示例?有许多关于如何在react native中创建登录屏幕的示例。但是你也可以试着做你自己的,首先试着弄清楚自己的概念。

目前我是新手,我看到官方网站上发布了0.47。我在react native中查找启动屏幕和登录屏幕。我在android中找到了启动屏幕的例子,但我不想触碰android中的mainactivity.java。我看到过使用navigator的例子,navigator在不同的包中被弃用和分离。我计划使用堆栈导航器。有没有使用带有启动屏幕和登录屏幕的stack navigator的示例?

有许多关于如何在react native中创建登录屏幕的示例。但是你也可以试着做你自己的,首先试着弄清楚自己的概念。 关于stack navigator,首先了解它并研究如何使用它。然后可以使用异步存储来保存用户状态。根据用户状态,您可以导航到登录屏幕或启动屏幕。 下面是了解堆栈导航器的链接。

我不打算为您编写代码,但一般的指导原则是:

首先,您需要创建一个组件来固定splashScreen。这应该是一个简单的组件,只是一个图像,可能还有一个活动指示器

启动屏幕的作用是加载应用程序正常运行所需的资产

  • 如果这是您的情况,那么您应该定义一个Async componentDidMount(),并使用Wait for Each Async load加载应用程序可能需要的所有资产。加载所有内容后,使用您最喜欢的导航器将用户重定向到LoginComponet

  • 如果您只是想拥有一个漂亮的启动屏幕,那么只需在componentDidMount()上设置一个2秒计时器,然后将用户重定向到登录屏幕

注意:请记住禁用登录屏幕中的android后退按钮,以防止用户返回登录屏幕

注2:我不知道您使用的是哪种导航器,但您应该检查React Navigation和React Native Router Flux。我个人喜欢第二个选项,因为它维护得更好,而且它是一个比第一个更好的API


祝你好运!质疑评论

我自己已经在我的一个项目中实现了它。我能得到一些使用完整参考链接吗??因为我不熟悉这种移动技术。如果您想使用库创建登录屏幕,这里有一个。如果您了解基本的堆栈导航器,那么我可以帮助您实现它hanks parats:-)让我回到您身边,当我在堆栈导航中遇到一些困难时,您可以使用此模块创建表单,这将让您很快使用登录表单。