在 Expo 上隐藏 React 原生导航上的标题导航栏,可以通过修改导航选项的属性来实现。
具体步骤如下:
import React from 'react';
import { View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
const Stack = createStackNavigator();
function HomeScreen() {
return (
<View>
{/* 主页内容 */}
</View>
);
}
function DetailScreen() {
return (
<View>
{/* 详情页内容 */}
</View>
);
}
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator
screenOptions={{
headerShown: false, // 隐藏导航栏
}}
>
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Detail" component={DetailScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
在上述代码中,通过设置 headerShown: false
来隐藏导航栏。可以根据需要在具体的屏幕组件中进行更改。
以上是在 Expo 上隐藏 React 原生导航上的标题导航栏的方法。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云