Как рендерить разные страницы React Native?

Can not use keyword 'await' outside an async function .

Илья Краморов, ой, поправил ответ

Добрый день. Только что доделал страницу по вашему примеру . Столкнулся с такой проблемой.Страницу крашится и приложение перестает отвечать.

AsyncStorage.getItem("userToken").then(value => {
      if (value !== null) {
        this.setState({
          Token: value
        });
      }
    });

    AsyncStorage.getItem("userImage").then(value => {
      if (value !== null) {
        this.setState({
          image: value
        });
      }
    });

    AsyncStorage.getItem("userName").then(value => {
      if (value !==  null) {
        this.setState({
          username: value
        });
      }
    });

    let userToken = this.state.Token;
    let userImage = this.state.image;
    let userName = this.state.username;

В console.log происходит это:

null null null
null null null
null null null
null null null
null null null
null null null
null null null
null null null

Без остановки пока не выключаю.

Илья Краморов, а покажите код компонента? в каком месте console.log() вызывается

Когда нажимаю на кнопку если token === null . Я получаю это токен. Страница перезагржается. И в консоле в место null идет мой токен имя и картинка.

render() {
    const { name, image } = this.state;
    const { navigation } = this.props;

    AsyncStorage.getItem("userTokenVK").then(value => {
      if (value !== null) {
        this.setState({
          Token: value
        });
      }
    });

    AsyncStorage.getItem("userImageVK").then(value => {
      if (value !== null) {
        this.setState({
          image: value
        });
      }
    });

    AsyncStorage.getItem("userNameVK").then(value => {
      if (value !== null) {
        this.setState({
          username: value
        });
      }
    });

    let userToken = this.state.Token;
    let userImage = this.state.image;
    let userName = this.state.username;

    console.log(userToken, userName, userImage);

    return (

Илья Краморов, токен записывается в хранилище?

Вот таким кривым способом. Это происходит по нажатию на кнопку. Данные сохраняются в ключи. После перезапуска приложения кнопка не видна. Но в консоле происходит то о чем писал выше. Вместо Null данные.

let userNameVk = user.response[0].first_name + " " + user.response[0].last_name;
let userImageVK = user.response[0].photo_max;
let userTokenVK = result.params.access_token;
AsyncStorage.setItem("userNameVk", userNameVk);
AsyncStorage.setItem("userImageVK", userImageVK);
AsyncStorage.setItem("userTokenVK", userTokenVK);

Илья Краморов, а можете на snack полностью компонент загрузить?

https://snack.expo.io/rJUGkedDE – посмотрите, как пример