Heim > Artikel > Web-Frontend > Was tun, wenn React Navigation einen Fehler meldet?
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.
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!