ホームページ  >  記事  >  ウェブフロントエンド  >  React Navigation がエラーを報告した場合の対処方法

React Navigation がエラーを報告した場合の対処方法

藏色散人
藏色散人オリジナル
2022-12-30 10:35:282373ブラウズ

ナビゲーション エラーに反応する解決策: 1. "Stack.NavigatorInitialRouteName="Home"" を構成し、"yarn android" を再起動します。 2. "android\app\build\outputs\apk\debug" を削除します。ディレクトリを削除し、エミュレータまたは実機上の元のapkパッケージを削除してから、「yarn android」を再実行してください。

React Navigation がエラーを報告した場合の対処方法

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

反応ナビゲーションでエラーが発生した場合はどうすればよいですか?

反応ナビゲーション エラー requireNativeComponent: "RNSScreenStackHeaderConfig" が UIManage に見つかりませんでした

App.tsx コード:

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.NavigatorInitialRouteName="ホーム」を選択し、少なくとも 2 つの Stack.Screen ページを構成します。

ステップ: 次に、yarn android を再起動します。 「requireNativeComponent: "RNSScreenStackHeaderConfig" was not found in the UIManager」というエラーが依然として報告される場合は、android\app\build\outputs\apk\debug ディレクトリにあるパッケージ化された apk ファイルを削除し、エミュレータ上の元の apk パッケージを削除する必要があります。または実際のデバイス。次に、Android を再実行し、パッケージ化された APK を生成し、それを Yeshen エミュレータまたはテスト用の実デバイスにドラッグします。

それでもエラーが報告される場合は、上記の手順を繰り返す必要がある場合があります (成功するまでに 4 回繰り返します)。

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

推奨学習: 「react ビデオ チュートリアル

以上がReact Navigation がエラーを報告した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。