我正在尝试使用react native开发一个todolist应用,为此我编写了主屏幕。 Iam使用React Navigation。我正在关注文档,但它给了我这个错误。请帮忙。我已经按照以下顺序执行了命令。
expo安装react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @ react-native-community / masked-view
npm install @ react-navigation / native
npm install @ react-navigation / stack
这是我的代码。
import React from 'react';
import { StyleSheet, Text, View ,Button} from 'react-native';
import 'react-native-gesture-handler';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator} from '@react-navigation/stack';
class HomeScreen extends React.Component {
constructor(props){
super(props);
this.state={}
}
render(){
return(
<View>
<View style={{margin:50}}>
<Button title="New Task"></Button>
</View>
</View>
)
}
}
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
您未在程序中声明堆栈,请在程序中包括此行:
const Stack = createStackNavigator();
像这样在您的App函数中添加此行:
export default function App() {
const Stack = createStackNavigator();
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
希望这会有所帮助!