时间戳

首页 > 解决方案 > React Native：为新用户和老用户提供不同的主屏幕

reactjs - React Native：为新用户和老用户提供不同的主屏幕

问题描述

我对原生反应很陌生，我正在开发我的第一个场景/屏幕。

我现在问自己的一个问题是：如何

如果有人可以为我提供一些有关如何实现这一目标的文档或参考资料，那将对我有很大帮助。

谢谢 ！

标签： reactjsviewnative

解决方案

您没有指定导航库，但该概念类似于标准身份验证流程。如果未通过身份验证，则显示登录名，如果确实通过身份验证，则显示应用程序。

更多细节和解释在这里。

作为一种非常基本的方法，您可以存储本地存储的键值来声明用户已“加入”（因此返回“旧”用户）。任何没有此键值对的设备将显示“新用户”屏幕，而任何具有此键值对的设备将看到“返回用户”屏幕。您可以使用上面的示例实现此目的：

const { onboarded } = useLocalStorage('onboarded') // You will need to write this logic

onboarded ? (
  <Stack.Screen name="ReturningHome" component={ReturningUserHomeScreen} />
) : (
  <Stack.Screen name="NewHome" component={NewUserHomeScreen} />
)

推荐阅读