J'essaie de travailler avec React-navigation, mais j'ai quelques problèmes. Je ne vois pas ce qui ne va pas. Comment puis-je résoudre ce problème?
Ce que j'ai essayé jusqu'à présent:
A créé un nouveau projet et essayé ce code là aussi.
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',
}
});
3 Réponses :
À partir de 0, voici ce que j'ai fait:
1) navigation d'initialisation native de réaction
2) navigation sur le CD
3) npm je réagis-navigation
4) npm i react-native-gesture-handler
5) Vous avez copié votre code dans App.js
6) react-native start --reset-cache
7) React-native run-android
Mon simulateur Android est une API Nexus 5X 28 X86 et fonctionne comme prévu.
J'espère que cela vous aidera à résoudre ce problème!
J'ai fait ce que vous avez fait avec step-step ... et travaillé ... merci pour votre soutien :)
Utilisez simplement
index.andriod.js.
ou
index.ios.js
Le code semble correct, avez-vous suivi l'ensemble de reactnavigation.org/docs/en/getting- commencé.html guide?
Je l'ouvre un autre émulateur, et maintenant juste un écran vide
J'ai exécuté votre code et cela fonctionne, affichant un en-tête vide et le texte "Accueil" au centre de l'écran. Quelle version RN utilisez-vous? Est-ce un émulateur Android ou un émulateur iOS?
"react-native": "0.60.4" Émulateur: Genymotion Nexus 5x API niveau 25
lien italique < / i> gras
codelien italique grascodesur mon ordinateur