title: How do I get user input and save it using asyncstorage and provide this information to other pages?
body: <p>This is part of an appointment booking app for a jewelry store. The users cannot buy from the store using the app, but can only make an appointment for custom designed jewelry. </p>
  
  <p>After the user enters their info, they'll press {buttons.send} that'll send a confirmation code to either their phone number or email. A confirmation screen will appear where the code is entered to complete the registration process. See <a href="https://github.com/yhenni1989/authentication" rel="nofollow noreferrer">https://github.com/yhenni1989/authentication</a> for screenshots - I'm unable to upload photos at the moment. I'm using his code as a foundation. 
  I have setup the hooks, but i don't know how to specify the logic and pass down the information.
  I would also appreciate an example of how to use firebase Auth, with hooks, using the users username and password for the sign in screen.</p>
  
  <pre><code>const SignUp = ({ navigation: { navigate } }) =&gt; {
  
    const [username, setUsername] = useState('');
    const [password, setPassword] = useState('');
    const [email, setEmail] = useState('');
    const [phone, setPhone] = useState('');
  
  
    return (
      &lt;Container&gt;
        &lt;Centered&gt;
          &lt;TextInput placeholder={placeholders.username} /&gt;
          &lt;TextInput placeholder={placeholders.password} password /&gt;
          &lt;TextInput
            placeholder={placeholders.email}
            keyboardType="email-address"
          /&gt;
          &lt;TextInput placeholder={placeholders.phone} keyboardType="phone-pad" /&gt;
          &lt;Text onPress={() =&gt; navigate(routes.login)}&gt;{messages.already}&lt;/Text&gt;
        &lt;/Centered&gt;
        &lt;Centered&gt;
          &lt;Button onPress={() =&gt; navigate(routes.confirm)}&gt;
            &lt;Text color={colors.bright}&gt;{buttons.send}&lt;/Text&gt;
          &lt;/Button&gt;
        &lt;/Centered&gt;
      &lt;/Container&gt;
    )
  }
  
  export default SignUp;
  </code></pre>