我是react-native的初学者,我要在我的应用程序中实现react堆栈导航。我试图让我的 App.js 将我的 Home.js 渲染为默认屏幕。我希望使用 app.js 作为主屏幕并添加另一个登录屏幕,但我做不到。我无法弄清楚出了什么问题,我只得到开发服务器返回的响应错误代码: 500 。这是 App.js 的代码。
import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {createStackNavigator, createAppContainer} from 'react-navigation'
import Home from './Screens/Home';
const AppNavigator = createStackNavigator({
Home: {screen: Home},
});
export default class App extends React.Component {
render() {
return (
<AppNavigator />
);
}
}
这是我的 Home.js 文件。
import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {StackNavigator, createStackNavigator, createAppContainer} from 'react-navigation'
export default class Home extends React.Component {
static navigationOptions = {
title: 'Home',
}
render() {
const { navigate } = this.props.navigation;
return (
<View>
<Text>This is the Home HomeScreen</Text>
</View>
);
}
}
最佳答案
您忘记创建应用程序容器,请查看此链接 https://reactnavigation.org/docs/en/hello-react-navigation.html
import React from 'react';
import { StyleSheet, Text, View, Button, KeyboardAvoidingView } from 'react-native';
import {createStackNavigator, createAppContainer} from 'react-navigation'
import Home from './Screens/Home';
const AppNavigator = createStackNavigator({
Home: {screen: Home},
});
const AppContainer = createAppContainer(AppNavigator);
export default class App extends React.Component {
render() {
return (
<AppContainer />
);
}
}
关于javascript - 屏幕之间的 react native 导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54850743/