Heim >Web-Frontend >Front-End-Fragen und Antworten >Was tun, wenn React Navigation einen Fehler meldet?

Was tun, wenn React Navigation einen Fehler meldet?

藏色散人
藏色散人Original
2022-12-30 10:35:282408Durchsuche

Lösung zur Reaktion auf einen Navigationsfehler: 1. Konfigurieren Sie „Stack.Navigator initialRouteName="Home" und starten Sie dann „yarn android“ neu. 2. Löschen Sie die gepackte APK-Datei im Verzeichnis „androidappbuildoutputsapkdebug“ und löschen Sie den Simulator oder real Legen Sie das ursprüngliche APK-Paket auf den Computer und führen Sie dann „Yarn Android“ erneut aus.

Was tun, wenn React Navigation einen Fehler meldet?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 18.0.0, Dell G3-Computer.

Was soll ich tun, wenn bei der Reaktionsnavigation ein Fehler auftritt?

react-navigation hat einen Fehler gemeldet requireNativeComponent: „RNSScreenStackHeaderConfig“ wurde im UIManage

App.tsx-Code nicht gefunden:

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;

Configuration: Stack.Navigator initialRouteName="Home", und konfigurieren Sie mindestens 2 Stack.Screen-Seiten .

Schritt: Anschließend Yarn Android neu starten. Wenn der Fehler „requireNativeComponent: „RNSScreenStackHeaderConfig“ wurde nicht im UIManager gefunden“ weiterhin gemeldet wird, müssen Sie die gepackte APK-Datei im Verzeichnis „androidappbuildoutputsapkdebug“ löschen und das ursprüngliche APK-Paket auf dem Emulator oder der realen Maschine löschen. Garnieren Sie dann Android neu, generieren Sie eine gepackte APK und ziehen Sie sie zum Testen auf den Yeshen-Emulator oder ein echtes Gerät.

Wenn immer noch eine Fehlermeldung angezeigt wird, müssen Sie möglicherweise die oben genannten Schritte wiederholen (viermal wiederholen, bis der Fehler auftritt).

<Stack.Navigator initialRouteName="Home">
   <Stack.Screen name="Home" component={HomeScreen} />
   <Stack.Screen name="Details" component={MyScreen} />
</Stack.Navigator>

Empfohlenes Lernen: „Video-Tutorial reagieren

Das obige ist der detaillierte Inhalt vonWas tun, wenn React Navigation einen Fehler meldet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn