📌  相关文章
📜  在反应导航抽屉导航中隐藏标题标题 - Javascript(1)

📅  最后修改于: 2023-12-03 14:51:24.910000             🧑  作者: Mango

在反应导航抽屉导航中隐藏标题标题 - Javascript

在React Navigation中,默认情况下,Drawer导航栏中有一个标题,显示当前活动的屏幕名称。有时,我们可能想隐藏它。

这段代码演示了如何在React Navigation中隐藏Drawer导航栏上的标题:

import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';
import { NavigationContainer } from '@react-navigation/native';
import HomeScreen from './HomeScreen';

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator
        screenOptions={{
          headerShown: false // 隐藏标题
        }}
      >
        <Drawer.Screen name="Home" component={HomeScreen} />
        {/* ...其他导航屏幕 */}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

如果您希望在某些屏幕上显示标题,可以根据需要在特定屏幕上显示它。

这是一个简单的示例,演示如何在Drawer导航栏中隐藏标题。