React Native 在抽屉导航屏幕上显示标题和后退按钮答案

【问题标题】：React Native show header and back button on drawer navigation screenReact Native 在抽屉导航屏幕上显示标题和后退按钮
【发布时间】：2020-09-29 20:51:46
【问题描述】：

我只是添加了抽屉导航并且工作正常，但是在选项中，没有像 Stack 那样的 headerShown。

我创建了几个屏幕示例，并在同一个文件中使用了tapbar、stack和drawer。+

我在一些YouTube上搜索过，没有具体的解释

谢谢。

你可以看到我当前的应用：GIF HERE

HomeStack

const HomeStack = createStackNavigator();

function HomeStackScreen() {
  return (
    <HomeStack.Navigator>
      <HomeStack.Screen
        name="Home"
        component={Home}
        options={{ headerShown: false }}
      />

      <HomeStack.Screen name="Details" component={DetailsScreen} />
    </HomeStack.Navigator>
  );
}

抽屉


const Drawer = createDrawerNavigator();

const Tab = createBottomTabNavigator();
export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Home">
        <Drawer.Screen name="Home" component={MainScreen} />
        <Drawer.Screen
          name="Leaderboards"
          component={Leaderboards}
          options={{
            drawerIcon: (config) => <AntDesign size={23} name="user" />,
          }}
        />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}
````

【问题讨论】：

标签： javascript reactjs react-native react-navigation

【解决方案1】：

抽屉屏幕没有标题选项。您可以为排行榜屏幕制作自己的标题组件，也可以在抽屉屏幕中嵌套包含排行榜屏幕的堆栈导航器，并通过选项属性自定义标题。

【讨论】：