React Native コードでこの問題を解決するにはどうすればよいですか?エラーは「エラー: 無効な要素タイプ: 期待された文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) ですが、未定義になりました。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートが混同されている可能性があります。TopNavigation のレンダリング メソッドを確認してください。”

アプリケーションとマシンを再起動しようとしましたが、このエラーは解消されませんでした。誰かがこれを解決するのを手伝ってくれますか?

これは私たちの出力方法です：

import { StyleSheet, View, Image } from 'react-native' 「react」から React をインポートします '../../assets/Logo.png' からロゴをインポートします。 import { icons1, logo2 } から '../Styles/styles'; import { Ionicons } から 'react-native-vector-icons'; import { Entypo } から 'react-native-vector-icons'; デフォルトの TopNavigation = ({ ナビゲーション, ページ }) => をエクスポートします。 { 戻る （  <エンティポ名="カメラ"サイズ = {24} カラー = "黒" style={icons1} onPress={() =>ナビゲーション.ナビゲート('c')} /> { ページ === 'ホーム' ? <画像ソース={ロゴ} スタイル={ロゴ2} /> : <画像/> } { ページ === 'プロフィール' && ナビゲーション.ナビゲート('設定')} /> }  ) }

このコンポーネントの使用方法:

<コード>

我的依赖项：

"依存関係": { "@react-native-async-storage/async-storage": "^1.17.11", "@react-native-community/geolocation": "^3.0.5", "@react-navigation/native": "^6.1.3", "@react-navigation/native-stack": "^6.9.9", "@shopify/フラッシュリスト": "^1.4.1", "反応": "18.2.0"、 "リアクトネイティブ": "0.71.2"、 "react-native-gesture-handler": "^2.9.0", "react-native-safe-area-context": "^4.5.0", "反応ネイティブ画面": "^3.19.0", "react-native-vector-icons": "^9.2.0" }、

import { StyleSheet, View, StatusBar } from 'react-native'; import React, { useEffect, useState, useCallback } from 'react'; '../../Components/BottomNavigation' から BottomNavigation をインポートします。 '../../Components/TopNavigation' から TopNavigation をインポートします。 デフォルト関数をエクスポート Home({ ナビゲーション }) { const [userdata, setUserdata] = useState(null); AsyncStorage.getAllKeys() .then((キー) => { key.forEach((key) => { AsyncStorage.getItem(キー) .then((値) => { console.log(`${key}: ${value}`); }) .catch((エラー) => { console.log(`キー ${key} のデータ取得エラー: ${error}`); }); }); }) .catch((エラー) => { console.log(`キー取得エラー: ${error}`); }); 戻る （ <スタイル={styles.container}を表示> <ステータスバー />    ); }