在 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}}