首页 > 解决方案 > 检查用户是否首次使用 react-native 访问应用程序

问题描述

我是新手,我想向新用户展示我的应用程序是如何工作的。我怎样才能做到这一点?

我需要从 npm 下载一些东西吗?

标签: javascriptreactjsreact-nativereact-native-android

解决方案


您可以为此使用 AsyncStorage。AsyncStorage 是一个未加密的、异步的、持久的、键值对存储系统,对应用程序来说是全局的。应该使用它来代替 LocalStorage。

import {AsyncStorage} from 'react-native';

const tutorialShown = async () => {
  return await AsyncStorage.getItem('@myApp:TUTORIAL_SHOWN');
}

// somewhere in your render method
if (!tutorialShown()) {
  return <Tutorial />
}

//somewhere in your Tutorial's componentDidMount
AsyncStorage.setItem('@myApp:TUTORIAL_SHOWN')

详情:https ://facebook.github.io/react-native/docs/asyncstorage


推荐阅读