title: Using react-native-router-flux vs nativebase
body: <p>I read <a href="https://blog.nativebase.io/the-caveats-of-using-navigator-in-react-native-9547d99172ce#.cghvxk1mo" rel="noreferrer">https://blog.nativebase.io/the-caveats-of-using-navigator-in-react-native-9547d99172ce#.cghvxk1mo</a></p>
  
  <p>using react-native-router-flux for navigator 
  but when I using it with nativebase. Component of nativebase not active </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/**
  * Sample React Native App
  * https://github.com/facebook/react-native
  * @flow
  */
  
  import React, { Component } from 'react';
  import { AppRegistry,Text,View,Navigator } from 'react-native';
  import { Container,Header,Content,Title,Badge,Tabs,Button,Icon} from 'native-base';
  import { Router, Scene } from 'react-native-router-flux';
  import Home from './component/Home';
  import MyScene from './component/MyScene';
  
  class CookApp extends Component {
    //State la bien dung de luu giu trang thai. Con props la bien dung de trung chuyen du lieu, ham giua cac component
    //dat ten class phai viet hoa dau, ten file phai trung file class
    render() {
      return (
        &lt;Router hideTabBar={true}&gt;
            &lt;Scene key="PageOne" component={Home} title="Home" initial={true} /&gt;
            &lt;Scene key="pageTwo" component={MyScene} title="MyScene" /&gt;
        &lt;/Router&gt;
      );
    }
  }
  
  
  AppRegistry.registerComponent('CookApp', () =&gt; CookApp);</code></pre>
  </div>
  </div>
  </p>
  
  <p>file: Home.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component, PropTypes } from 'react';
  import { View, Text, TouchableHighlight } from 'react-native';
  import { Container,Header,Content,Title,Badge,Tabs,Button,Icon,Input} from 'native-base';
  import { Actions } from 'react-native-router-flux';
  
  export default class Home extends Component {
  
    render() {
      const goToPageTwo = () =&gt; Actions.pageTwo({text: 'Hello World!'});
      return (
        &lt;Header&gt;
          &lt;Button&gt;
            &lt;Icon name='ios-arrow-back' /&gt;
          &lt;/Button&gt;
          &lt;Title&gt;CookApp&lt;/Title&gt;
          &lt;Button&gt;
            &lt;Icon name='ios-menu' /&gt;
          &lt;/Button&gt;
        &lt;/Header&gt;
        &lt;Container&gt;
          &lt;Content&gt;
            &lt;Button transparent onPress={Actions.pageTwo}&gt;
              go to pageTwo
            &lt;/Button&gt;
            &lt;View style={{margin: 128}}&gt;
              &lt;Text onPress={goToPageTwo}&gt;This is PageOne!&lt;/Text&gt;
            &lt;/View&gt;
          &lt;/Content&gt;
        &lt;/Container&gt;
      )
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>File : My scene.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component, PropTypes } from 'react';
  import { View, Text, TouchableHighlight } from 'react-native';
  import { Container,Header,Content,Title,Badge,Tabs,Button,Icon} from 'native-base';
  import { Actions } from 'react-native-router-flux';
  export default class MyScene extends Component {
    // static propTypes = {
    //   title: PropTypes.string.isRequired,
    //   onForward: PropTypes.func.isRequired,
    //   onBack: PropTypes.func.isRequired,
    // }
    render() {
      return (
        // &lt;Container&gt;
        //   &lt;Header&gt;
        //     &lt;Button transparent onPress={this.props.onBack}&gt;
        //       &lt;Icon name='ios-arrow-back' /&gt;
        //     &lt;/Button&gt;
        //     &lt;Title&gt; { this.props.title }&lt;/Title&gt;
        //     &lt;Button transparent onPress={this.props.onForward}&gt;
        //       &lt;Icon name='ios-menu' /&gt;
        //     &lt;/Button&gt;
        //   &lt;/Header&gt;
        //
        //   &lt;Content&gt;
        //     &lt;Button transparent onPress = {this.deleteText}&gt;
        //       &lt;Icon name='ios-home' /&gt;
        //     &lt;/Button&gt;
        //   &lt;/Content&gt;
        // &lt;/Container&gt;
        &lt;View style={{margin: 128}}&gt;
        &lt;Text&gt;This is PageTwo!&lt;/Text&gt;
        &lt;Text&gt;{this.props.text}&lt;/Text&gt;
      &lt;/View&gt;
      )
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>When running app. Component of nativeBase not active.</p>
  
  <p>Anyone used nativeBase with react-native-router-flux. please give me an example!
  Thanks for any help!</p>