Question

嵌套StackNavigator

在我的App.js内部

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

这用于在Login和MainPage之间导航，它工作正常

然后在我的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');

现在，不允许在发送和接收之间导航。我已经检查了按钮，它使用警报工作正常（＆＃39; msg＆＃39;）。我正在渲染发送屏幕但不是接收屏幕。

我试过这个.props.navigation.navigate（＆＃39;登录＆＃39;）;然后我被重定向到了登录屏幕。

任何人请帮助：D

Answer 1

导航到“发送”和“接收”的按钮正在使用顶级StackNavigator的navigation道具。您需要使用navigation的{{1}}道具，您可以使用ref执行此操作：

SubNav

React Native嵌套StackNavigator

1 个答案: