当我在屏幕选项中使用页眉时,它会为每个屏幕创建相同的页眉,但我只想要一个页眉。
import React from 'react';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import {Home, Account, Cart} from '../screens';
import Header from '../components/Header';
const Router = () => {
const Stack = createNativeStackNavigator<NavigationParams>();
return (
<Stack.Navigator
screenOptions={{
header(props) {
return <Header props={props} />;
},
animation: 'slide_from_right',
}}
initialRouteName="Home">
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="Account" component={Account} />
<Stack.Screen name="Cart" component={Cart} />
</Stack.Navigator>
);
};
export default Router;
1条答案
按热度按时间dxxyhpgq1#
你需要显示栈头而不是屏幕头,所以在
screenOptions
里面你需要设置headerShown: false
注:这适用于react-navigation 5.x及更高版本。如果您使用的是旧版本,则需要用途: