Как получить пользовательский ввод и сохранить его с помощью asyncstorage и предоставить эту информацию другим страницам?

Question

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

После того, как пользователь введет свою информацию, он нажмет {buttons.send}, который отправит код подтверждения либо на его номер телефона, либо на электронную почту. Появится экран подтверждения, где введен код для завершения процесса регистрации. Смотрите скриншоты https://github.com/yhenni1989/authentication - я не могу загрузить фотографии в данный момент. Я использую его код в качестве основы. Я настроил хуки, но я не знаю, как указать лог c и передать информацию. Я также был бы признателен за пример того, как использовать Firebase Auth с перехватчиками, используя имя пользователя и пароль для входа на экран.

const SignUp = ({ navigation: { navigate } }) => {

  const [username, setUsername] = useState('');
  const [password, setPassword] = useState('');
  const [email, setEmail] = useState('');
  const [phone, setPhone] = useState('');


  return (
    <Container>
      <Centered>
        <TextInput placeholder={placeholders.username} />
        <TextInput placeholder={placeholders.password} password />
        <TextInput
          placeholder={placeholders.email}
          keyboardType="email-address"
        />
        <TextInput placeholder={placeholders.phone} keyboardType="phone-pad" />
        <Text onPress={() => navigate(routes.login)}>{messages.already}</Text>
      </Centered>
      <Centered>
        <Button onPress={() => navigate(routes.confirm)}>
          <Text color={colors.bright}>{buttons.send}</Text>
        </Button>
      </Centered>
    </Container>
  )
}

export default SignUp;