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!