title: react-navigation TabNavigator Not render Next screen ,
body: <p>First I have created a login, registration then HomeView (<code>TabBar</code>) screen, 
  In App.js I have to create <code>StackNavigator</code>. </p>
  
  <pre><code>import HomeView from './AllViewController/HomeView';
  import Login from './AllViewController/Login';
  import Registration from './AllViewController/Registration';
  import AlbumDetail from './AllViewController/AlbumDetail';
  const RootStack = StackNavigator({
  
    Home: {screen: HomeView, navigationOptions: { header: null}},
    Login: {screen: Login, navigationOptions: { header: null}},
    Registration: {screen: Registration, navigationOptions: { header: null}},
    AlbumDetail: {screen: AlbumDetail, navigationOptions: { header: null}},
  </code></pre>
  
  <p>Home screen I have created <code>TabNavigator</code>  There I have showing four screen Album, Cart, Library, History screen. Problem is from album screen I am try to open new screen it's not working<br>
  Here is my Home screen code </p>
  
  <pre><code>import objAlbum from '../AllViewController/Album'
  import objCart from '../AllViewController/Cart'
  import objLibrary from '../AllViewController/Library'
  import objHistory from '../AllViewController/History'
  import {TabNavigator} from 'react-navigation'
  
  const RootStack = TabNavigator({
  
      ClassA: { screen: objAlbum},
      ClassB: { screen: objLibrary },
      ClassC: { screen: objCart},
      ClassD: { screen: objHistory },
  
    })
    export default class HomeView extends Component {
      render() {
        return &lt;RootStack /&gt;;
    }
    }
  </code></pre>
  
  <p>From Album screen I am trying to open <code>AlbumDetail</code> Screen is not working Please help me. </p>
  
  <pre><code>export default class Album extends Component&lt;Props&gt; {
  
  
      constructor(props) {
          super(props)
  
          this.state = {
              textInputData: "",
              textInputpassword: ""
            }
  
  
          this.click_Next = this.click_Next.bind(this);
      }
  
  
      click_Next = () =&gt; {
          this.props.navigation.navigate('AlbumDetail')
      }
  </code></pre>