Maison > interface Web > Questions et réponses frontales > Que faire si la navigation React signale une erreur

Que faire si la navigation React signale une erreur

藏色散人
Libérer: 2022-12-30 10:35:28
original
2396 Les gens l'ont consulté

Solution pour réagir à l'erreur de navigation : 1. Configurez "Stack.Navigator initialRouteName="Home"", puis redémarrez "yarn android" ; 2. Supprimez le fichier apk emballé dans le répertoire "androidappbuildoutputsapkdebug", et supprimez le simulateur ou le réel. Le package apk d'origine sur la machine, puis réexécutez "yarn android".

Que faire si la navigation React signale une erreur

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Que dois-je faire si j'obtiens une erreur dans la navigation de réaction ?

react-navigation a signalé une erreur. .

Étape : Redémarrez ensuite Yarn Android. Si l'erreur requireNativeComponent : "RNSScreenStackHeaderConfig" n'a pas été trouvée dans UIManager est toujours signalée, vous devez supprimer le fichier apk emballé dans le répertoire androidappbuildoutputsapkdebug et supprimer le package apk d'origine sur l'émulateur ou la machine réelle. Ensuite, relancez Android, générez un apk packagé et faites-le glisser vers l'émulateur Yeshen ou un véritable appareil pour le tester.

Si vous obtenez toujours une erreur, vous devrez peut-être répéter les étapes ci-dessus (répétées 4 fois avant de réussir).

import React from 'react';
import {
  SafeAreaView,
  ScrollView,
  StyleSheet,
  Text,
  View,
} from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
 
const Stack = createNativeStackNavigator();
 
const HomeScreen = () => {
  return (
    <View>
      <Text>首页</Text>
    </View>
  )
}
 
const MyScreen = () => {
  return (
    <View>
      <Text>我的</Text>
    </View>
  )
}
 
const App = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Home">
        <Stack.Screen name="Home" component={HomeScreen} />
        <Stack.Screen name="Details" component={MyScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};
 
const styles = StyleSheet.create({
 
});
 
export default App;
Copier après la connexion

Apprentissage recommandé : "

Tutoriel vidéo React

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal