title: React Native Base Toast error
body: <p>I have the following React Native App set up and I'm trying to use the Toast component from Native Base:</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>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 (
      &lt;Root&gt;
      &lt;AppNavigator /&gt;
    &lt;/Root&gt;
    );
  }
  }
  const Screens = StackNavigator({
    Main: {screen: MainView},
    Config: {screen: ConfigView}
  })
  
  AppRegistry.registerComponent('myApp', () =&gt; Screens);
  </code></pre>
  
  <p><strong>MainView.js (simplified)</strong></p>
  
  <pre><code>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) =&gt; {
      console.log("[ERROR]", err);
      Toast.show({
        text: msg,
        position: this.state.toastPosition,
        buttonText: this.state.toastErrorBtn
      });
    }
  ....
  }
  </code></pre>
  
  <p>I've tried several ways, but keep getting this error:</p>
  
  <p><a href="https://i.stack.imgur.com/KG72o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KG72o.png" alt="error capture"></a></p>