在将堆栈设置为“headerMode："none”“之后，如何在任何给定的页面上显示页眉？

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { Header } from 'react-navigation';

// 自定义页眉组件
const CustomHeader = ({ navigation }) => {
  return (
    <Header>
      {/* 添加页眉内容，例如标题、导航按钮等 */}
    </Header>
  );
};

// 页面组件
const HomeScreen = ({ navigation }) => {
  return (
    <View>
      {/* 页面内容 */}
    </View>
  );
};

const ProfileScreen = ({ navigation }) => {
  return (
    <View>
      {/* 页面内容 */}
    </View>
  );
};

// 创建堆栈导航器
const Stack = createStackNavigator();

// 导航器配置
const StackNavigatorConfig = {
  headerMode: 'none', // 隐藏页眉
};

// 导航器组件
const AppNavigator = () => {
  return (
    <Stack.Navigator {...StackNavigatorConfig}>
      <Stack.Screen name="Home" component={HomeScreen} />
      <Stack.Screen name="Profile" component={ProfileScreen} />
    </Stack.Navigator>
  );
};

export default AppNavigator;