隐式具有'any'类型的绑定元素'navigator'

Question

我正在尝试构建一个移动应用程序，我在react原生导航v5方面遇到了一些问题，在他们的文档中，我发现了这个示例代码，但两个代码(我的代码和非官方代码(都有相同的错误，请查看我的代码：

// In App.js in a new project
import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { TouchableOpacity } from 'react-native-gesture-handler';
function HomeScreen({ navigator }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
</View>
);
}
function DetailsScreen() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Details Screen</Text>
</View>
);
}
const Stack = createStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Home">
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Details" component={DetailsScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;

我有一个错误：Binding element 'navigator' implicitly has an 'any' type.

Answer 1

react导航传递一个名为"navigation"而非"navigator"的属性

试着像下面的一样更改代码

function HomeScreen({ navigation }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
</View>
);
}