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
code
lien italique grascode
sur mon ordinateur