Ошибка React Native Base Toast

У меня установлено следующее приложение React Native, и я пытаюсь использовать компонент Toast из Native Base:

app.js

import React, {Component} from 'react';
import {AppRegistry} from 'react-native';
import { Root } from "native-base";
import {StackNavigator} from 'react-navigation';
import MainView from './assets/screens/MainView';
import ConfigView from './assets/screens/ConfigView';

export default class myApp extends Component {

render() {
  return (
    <Root>
    <AppNavigator />
  </Root>
  );
}
}
const Screens = StackNavigator({
  Main: {screen: MainView},
  Config: {screen: ConfigView}
})

AppRegistry.registerComponent('myApp', () => Screens);

MainView.js (упрощенный)

import React, {Component} from 'react';
import { StyleProvider, Card, CardItem, Left, Right, Body, Icon, Toast, Header, Fab } from 'native-base';
import {StackNavigator} from 'react-navigation';

export default class MainView extends Component {
....
  showError = (msg, err) => {
    console.log("[ERROR]", err);
    Toast.show({
      text: msg,
      position: this.state.toastPosition,
      buttonText: this.state.toastErrorBtn
    });
  }
....
}

Я пробовал несколько способов, но продолжаю получать эту ошибку:

захват ошибок


react-native native-base
person galgo    schedule 04.11.2017    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Ваше приложение должно начинаться с рендеринга компонента myApp, например: AppRegistry.registerComponent('myApp', () => myApp);.

Внутри myApp вы должны отображать навигатор вашего приложения, который Screens не AppNavigator, как вы его назвали.

Вот как должен выглядеть ваш app.js:

import React, { Component } from 'react';
import { Root } from "native-base";
import { StackNavigator } from "react-navigation";
import MainView from './assets/screens/MainView';
import ConfigView from './assets/screens/ConfigView';
import {AppRegistry} from 'react-native';

export default class myApp extends Component {

    render() {
      return (
        <Root>
            <Screens />
        </Root>
      );
    }
}
const Screens = StackNavigator({
    Main: {screen: MainView},
    Config: {screen: ConfigView}
})

AppRegistry.registerComponent('myApp', () => myApp);
person zarcode    schedule 11.11.2017