首页 文章

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

提问于
浏览
-1

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

2 回答

  • 1

    我不打算为你编码,但一般的指导方针是:

    首先,您需要创建一个组件来保存splashScreen . 这应该是一个简单的组件,只是一个图像,也许是一个ActivityIndicator .

    Splash屏幕的实用程序是加载应用程序正常运行所需的资产 .

    • 如果这是你的情况,那么你应该定义一个Async componentDidMount()并在那里加载你的app可能需要的每个资产,等待你拥有的每个异步加载 . 加载完所有内容后,使用您最喜欢的导航器将用户重定向到LoginComponetn .

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

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

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

    祝好运!评论疑惑!

  • 0

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

相关问题