更改" SingleScreenApp"的主屏幕在React Native Navigation中

时间:2018-05-09 14:26:11

标签: react-native react-native-navigation wix-react-native-navigation

我是React Native的新手,我想通过wix

测试react-native-navigation

我有一个带抽屉的SingleScreenApp。见下文:

Navigation.startSingleScreenApp({
  screen: {
    screen: 'example.HomeScreen', 
    title: 'Home', 
    navigatorStyle: {}, 
    navigatorButtons: {} 
  },
  drawer: {
    // optional, add this if you want a side menu drawer in your app
    left: {
      screen: 'example.LefMenu', 
      passProps: {}, 
      disableOpenGesture: false, 
      fixedWidth: 500 
    },
    style: {
      drawerShadow: true, 
      contentOverlayColor: 'rgba(0,0,0,0.25)', 
      leftDrawerWidth: 50, 
      rightDrawerWidth: 50 
    },
    type: 'MMDrawer', 
    animationType: 'door',
    disableOpenGesture: false 
  },
  passProps: {}, 
  animationType: 'slide-down' 
});

要获得类似菜单的行为,我想更改SingleScreenApp的主屏幕(通过单击按钮或其他交互)。

我坚持要更改/重新设置主屏幕,而不是推送或显示模态。

我应该启动另一个具有不同屏幕根屏幕的SingleScreenApp吗?我应该使用" resetTo"方法 ? 表现最好的是什么?

非常感谢!

1 个答案:

答案 0 :(得分:1)

您确实想使用resetTo()。这将弹出任何当前推送的屏幕,并用新的屏幕替换当前的根屏幕。