react-native - React Native ネストされた StackNavigator

Question

StackNavigator のネスト

App.js の内部

const MainNav = StackNavigator({
  Login : { screen : Login },
  MainPage : { screen : MainPage }
  }, {
    navigationOptions : { header : false }
  }
);
....
render() { return ....
<MainNav />

これは、ログインとメインページの間を移動するために使用され、正常に動作しています

次に、 MainPage 内に別の StackNavigator があります

const SubNav = StackNavigator({
  Send : { screen : Send },
  Receive : { screen : Receive }
  }, {
    navigationOptions : { header : false }
  }
);
....
render() { return ....
<Button />   //click to go to send
<Button />   //click to go to receive
<SubNav />

私は使っている：

 this.props.navigation.navigate('Send');
 this.props.navigation.navigate('Receive');

現在、送信と受信の間を移動することはできません。ボタンを確認しましたが、alert('msg') を使用して正常に動作しています。送信画面をレンダリングしていますが、受信画面はレンダリングしていません。

this.props.navigation.navigate('Login'); を試してみました ログイン画面にリダイレクトされました。

誰でも助けてください:D