如何在Reaction Navigation v5中的标题上方获取抽屉？

Question

这是我的代码

export const DrawerStack = () => {
  return (
<Drawer.Navigator
      drawerStyle={{backgroundColor: BLUE_COLOR_1}}
      drawerContentOptions={{labelStyle: {color: '#FFF'}}}>
      <Drawer.Screen
        name={HOME_SCREEN}
        component={HomeTopTabNavigator}

      />
      <Drawer.Screen
        name={WALLET}
        component={Wallet}
        options={{title: 'Wallet'}}
      />...

然后，我在包装在堆栈导航器中的堆栈屏幕中引用它

<Stack.Navigator><Stack.Screen
        name={HOME_STACK_SCREEN}
        component={DrawerStack}

我尝试关注How to get drawer over the header in react navigation?，但由于导航器不能将另一个导航器作为直接子级，因此它们很快将无法在v5中使用

Answer 1

您需要将纸堆放在抽屉中，而不是将抽屉放在纸堆中

- Drawer
  - Stack
    - Home
    - Wallet

https://reactnavigation.org/docs/en/nesting-navigators.html#parent-navigators-ui-is-rendered-on-top-of-child-navigator

作为导航者的v5不能将另一个导航者作为直接子对象

您不需要直子。将堆栈放入屏幕。