React Native: разные начальные экраны для новых и старых пользователей

#reactjs #view #native

#reactjs #Вид #родной

Вопрос:

Я совсем новичок в react native и разрабатываю свои первые сцены / экраны.

Вопрос, который я задаю себе прямо сейчас: как

  • Есть начальный экран для новых пользователей, которые только что установили приложение.
  • Есть начальный экран для пользователей, которые уже запустили приложение некоторое время назад.

Если бы кто-нибудь мог предоставить мне некоторую документацию или ссылки о том, как этого добиться, это мне очень помогло бы.

Спасибо!

Ответ №1:

Вы не указали свою библиотеку навигации, но концепция аналогична стандартному потоку аутентификации. Показать логин, если не авторизован, или показать приложение, если действительно аутентифицировано.

Более подробная информация и объяснение здесь.

Вы можете в качестве очень простого метода сохранить локально сохраненный ключ-значение, чтобы указать, что пользователь «включен» (таким образом, возвращающийся «старый» пользователь). На любом устройстве без этой пары ключ-значение будет отображаться экран «новый пользователь», в то время как на любом устройстве, имеющем это, будет отображаться экран «возвращающийся пользователь». Вы можете добиться этого, используя приведенный выше пример:

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

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

Комментарии:

1. Это именно то, что мне было нужно. Большое спасибо!