相关疑难解决方法(0)

如何重置嵌套导航器 (react-navigation v5)

有两组堆栈导航器;

const SetOneScreens = () => (
  <Stack.Navigator initialRouteName="AScreen">
    <Stack.Screen name="AScreen" component={AScreen} />
    <Stack.Screen name="BScreen" component={BScreen} />
  </Stack.Navigator>
);
const SetTwoScreens = () => (
  <Stack.Navigator initialRouteName="CScreen">
    <Stack.Screen name="CScreen" component={CScreen} />
    <Stack.Screen name="DScreen" component={DScreen} />
  </Stack.Navigator>
);
Run Code Online (Sandbox Code Playgroud)

哪些嵌套在抽屉导航器中

    <NavigationContainer>
      <Drawer.Navigator initialRouteName="SetOneScreens">
        <Drawer.Screen name="SetOneScreens" component={SetOneScreens} />
        <Drawer.Screen name="SetTwoScreens" component={SetTwoScreens} options={{swipeEnabled: false}} />
      </Drawer.Navigator>
    </NavigationContainer>
Run Code Online (Sandbox Code Playgroud)

我想从导航BScreenDScreen并重置堆栈(为了不让android中的硬件后退按钮返回BScreen

在嵌套的情况下,我们应该首先定义导航器名称;我应该如何在重置操作中定义屏幕。

// For navigation 
props.navigation.navigate('setTwoScreens',{screen:'DScreen'})

// For reset I can only navigate to initial screen 
props.navigation.reset({index:0,routes:[{name:'setTwoScreens'}]})
Run Code Online (Sandbox Code Playgroud)

我应该如何处理resetwithnavigation …

reactjs react-native react-navigation react-navigation-stack react-navigation-v5

7
推荐指数
2
解决办法
3173
查看次数