CODEWITHSUNDEEP
javascriptreactjsreact-native
Nikas music and gaming
Nikas music and gaming

Reputation: 1282

check if user first visit on app with react-native

I'm new to react and I want to show new users illustration of how my app work. how can I achieve that?

Am I need to download something from npm?

Upvotes: 3

Views: 1420

Answers (1)

vitkarpov
vitkarpov

Reputation: 409

You may use AsyncStorage for that. AsyncStorage is an unencrypted, asynchronous, persistent, key-value storage system that is global to the app. It should be used instead of 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')

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

Upvotes: 3

Related Questions