我怎样才能为react-navigation创建一个静态头文件

cbjzeqam  于 2023-03-13  发布在  React
关注(0)|答案(1)|浏览(77)

当我在屏幕选项中使用页眉时,它会为每个屏幕创建相同的页眉,但我只想要一个页眉。

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;
dxxyhpgq

dxxyhpgq1#

你需要显示栈头而不是屏幕头,所以在screenOptions里面你需要设置headerShown: false

:这适用于react-navigation 5.x及更高版本。如果您使用的是旧版本,则需要用途:

navigationOptions: {
        headerVisible: false,
    }

相关问题