React Native Cookbook - Second Edition

How to do it...

1. We'll begin with the App component. Let's start by importing all of the dependencies:

import React, { Component } from 'react';import {  Alert,  AsyncStorage,  StyleSheet,  Text,  TextInput,  TouchableOpacity,  View,} from 'react-native';

2. Now, let's create the App class. We are going to create a key constant so that we can set the name of the key we will use to save the content. On the state, we'll have two properties: one to keep the value from the text input component, and another to load and display the currently stored value:

const key = '@MyApp:key';export default class App extends Component {  state = {    text: '',    storedValue: '',  };  //Defined in later steps}

3. When the component mounts, we want to load the existing stored ...