📅  最后修改于: 2023-12-03 14:51:24.910000             🧑  作者: Mango
在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导航栏中隐藏标题。