反应原生重置抽屉项目 - 反应导航嵌套堆栈导航

Question

我的路线结构如下

- StackNavigator
  -- SplaceScreen
  -- LoginScreen
  -- HomeScreen (Drawer Navigator)
    --- Listing Screen (Stack Navigator)(Default Screen that loads)
    --- Booking Screen (Stack Navigator)
    --- Profile Screen (Stack Navigator)

预期行为

现在，当我从列表屏幕导航到预订屏幕时，我想用预订屏幕替换列表屏幕（即当我在 Android 上按回时我不想看到列表屏幕）

当前行为

预订屏幕在列表屏幕上方添加（即它没有替换）

已尝试解决方案

 const resetAction = StackActions.reset({
                index: 0,
                key:null,
                actions: [NavigationActions.navigate({ routeName: 'BookingScreen' })],
            });
            props.navigation.dispatch(resetAction)

收到错误

没有为 Key BookingScreen 定义路由。必须是“SplashScreen,LoginScreen,HomeScreen”之一

那么如何重置内部堆栈

Answer 1

您可以使用replace 将堆栈中的当前路由替换：

 StackActions.replace('BookingScreen')

您将无法返回替换的路线。