問題タブ [react-image]

私の減速機：

残りのコンテンツは表示できますが、画像は表示できません。私のコード:

のURIソースでURLをtheimage直接使用するとImage、機能します。私は何を間違っていますか？

画像を表示する適切な方法は何ですか? どうもありがとう。

react-native コンポーネントの IMAGE タグで「require」の prop を渡そうとしました。しかし、「Server code Error 500」というエラーが表示されます。同じように、URI を使用してリンクを渡すと、小道具で機能します。

働く ：

修正が必要です:

私はネイティブに反応するのが初めてで、反応画像コンポーネントにいくつかの問題があります。ドキュメントを読み、スタック オーバーフローに関するいくつかの記事と質問を検索しました。イメージ コンポーネントの src は文字列 (ローカルまたは URL からのパス) を取るか、require を境界として文字列と共に使用してイメージをロードできるという考えが浮かびました。私が取り組んでいるプロジェクトには 50 を超える画像があり、レンダリングする画像は実行時に決定されます。以前は、必要な境界として変数を使用して画像を動的に読み込むことを計画していましたが、調査の結果、それは不可能であることがわかり、react native はそのような機能を提供する予定はありません。

require を値として含むオブジェクトを作成するというアイデアを思いつきました。

そして、コンポーネントに渡されたナビゲーション境界に基づいて、選択するオブジェクトを決定します。

そして、私はこれで成功しました。しかし、完全な知識がなく、このステートメントがどのように動作するのかわからないため、アプリケーションのパフォーマンスに懸念があります。

すべての画像をメモリにロードし、Image コンポーネントのソースに割り当てられたものをレンダリングしますか。または、レンダリング時にイメージをロードしますか?

これを自分で説明する場合は、そうしてください。また、優れた記事をお持ちの場合や、ドキュメントの一部を見逃している場合も同様です。私をそれにリダイレクトしてください。

PS: データを JS ファイルにエクスポートし、画面にリダイレクトされたときにインポートしています。これが正しい方法かどうかも知りたいです。