Maison  >  Article  >  interface Web  >  Que faire si la navigation React signale une erreur

Que faire si la navigation React signale une erreur

藏色散人
藏色散人original
2022-12-30 10:35:282373parcourir

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;

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!

Déclaration:
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