在 react native 中结合导航抽屉和堆栈导航

Question

我试图将抽屉导航（AppHomeDrawerNavigator）和堆栈导航（AddDeleteStackNavigator）结合在一起。 问题是，当我在 TodoList 屏幕中时，我有 2 个标题：一个用于抽屉，另一个用于堆栈，但我不想在此屏幕中看到抽屉的 header

锄头我能做到吗？

const AddDeleteStackNavigator = createStackNavigator({
  AddTask: {
    screen: AddTask,
    navigationOptions: { header: () => true },
  },
  TodoList: {
    screen: TodoList,
    navigationOptions: ({ navigation }) => ({
      title: '',
      headerLeft: (<Icon name={'arrow-back-sharp'} onPress={() => { navigation.goBack() }} />),
    })
  },
});

const AppHomeDrawerNavigator = createDrawerNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      title: "Menu",
    },
  },

  AddTask: {
    screen: AddDeleteStackNavigator,
    navigationOptions: {
      title: "Add Task",
    },
  },
});


const HomeStackContainer = createStackNavigator({
  AppHomeDrawerNavigator
}, {
  defaultNavigationOptions: ({ navigation }) => {
    return {
       headerTitle: "",
      headerLeft: () => (
        <Icon
          style={{ paddingLeft: WIDTH / 40 }}
          onPress={() => navigation.openDrawer()}
          name="menu"
          size={WIDTH / 13.8}
        />
      )
    }
  }
}
);

这就是我使用此代码的原因：

Answer 1

我也遇到同样的问题，请问你解决了吗？

Answer 2

您可以通过设置隐藏抽屉/堆栈导航栏

screenOptions={{headerShown: false}}