函数headerMode不工作或似乎不存在

Question

我刚刚得到这个代码:

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { LoginScreen } from '../pages/LoginScreen';
import { CreateAccount } from '../pages/CreateAccount';
const stackRoutes = createStackNavigator();
const AppRoutes: React.FC = () => (
<stackRoutes.Navigator
headerMode="none"
screenOptions={{cardStyle: {backgroundColor: '#FFF'}, }}
>
<stackRoutes.Screen
name="LoginScreen"
component={LoginScreen}
/>
<stackRoutes.Screen
name="CreateAccount"
component={CreateAccount}
/>
</stackRoutes.Navigator>
)
export default AppRoutes;

并报告"headerMode = "none"错误，我已经做了一些搜索，但我找不到到底是什么错了。它应该以其他方式定义吗?或者有什么我应该安装的

我已经安装的:添加@react-navigation/nativeNPX expo安装react-native-screens，添加@react-navigation/native-stackYarn添加@react-navigation/stack和NPX expo install react-native-gesture-handler

Answer 1

我只是做了一些改变，它的工作现在很好，而不是使用headerMode我使用headerShown在screenOptions，所以代码看起来像这样:

import React from 'react';
import { createStackNavigator } from '@react-navigation/stack';
import { LoginScreen } from '../pages/LoginScreen';
import { CreateAccount } from '../pages/CreateAccount';
const stackRoutes = createStackNavigator();
const AppRoutes: React.FC = () => (
<stackRoutes.Navigator
/*headerMode="none"*/
screenOptions={{cardStyle: {backgroundColor: '#FFF'}, headerShown: false}}
>
<stackRoutes.Screen
name="LoginScreen"
component={LoginScreen}
/>
<stackRoutes.Screen
name="CreateAccount"
component={CreateAccount}
/>
</stackRoutes.Navigator>
)
export default AppRoutes;

我不知道哪里出了问题，可能是新版本改变了，但是现在它可以工作了。