Lik*_*aTR 2 react-native react-navigation
我正在尝试使用反应导航,但遇到一些问题。我看不出有什么问题。我怎么解决这个问题?
到目前为止我已经尝试过:
创建了一个新项目并在那里尝试了该代码。
import React, {Component} from 'react';
import {StyleSheet,Text,View} from 'react-native';
import {createStackNavigator,createAppContainer} from "react-navigation";
class HomeScreen extends Component {
render() {
return (
<View style={styles.container}>
<Text>Home</Text>
</View>
);
}
}
export default class App extends Component{
render(){
return(
<AppContainer />
);
}
}
const AppNavigator = createStackNavigator({
Home:{
screen: HomeScreen
}
});
const AppContainer = createAppContainer(AppNavigator);
const styles=StyleSheet.create({
container:{
flex:1,
justifyContent:'center',
alignItems:'center',
backgroundColor:'#F5FCFF',
}
});
Run Code Online (Sandbox Code Playgroud)从0开始,这就是我所做的:
1)react-native init navigation
2)cd navigation
3)npm i react-navigation
4)npm i react-native-gesture-handler
5)将您的代码复制到App.js中
6)react-native start --reset-cache
7)react-native run-android
我的 Android 模拟器是 Nexus 5X API 28 X86,并且按预期工作。
希望这可以帮助您解决这个问题!
| 归档时间: |
|
| 查看次数: |
13965 次 |
| 最近记录: |