0

React-Native にプログラムで画像を追加する方法がわかりません。画像でいっぱいのディレクトリ と、対応する画像ファイル パスを持つデータ エントリでいっぱいの/imgjson ファイルがあります。data.json

[
 {
  "id": "1",
  "img": "img1.png"
 },
 {
  "id": "2",
  "img": "img2.png"
 }
]

data.jsonを使用して変数にロードしました。var data = require('data.json')通常は を介し​​て画像パスにアクセスできますdata[0].img。また、Imageを通じて画像を表示するタグを作成することもできます<Image source={{uri = "./img/img1.png"}} style={styles.img}/>。

ただし、この 2 つを組み合わせようとすると<Image source={{uri = "./img/" + data[0].img}} style={styles.img}/>、次のエラーが表示されます: 不明なモジュール "./img/img1.png" が必要です。モジュールが存在することが確実な場合は、パッケージャーを再起動してみてください。

シミュレーターを何度も再起動し、こことドキュメントを何時間も検索して、何が間違っているのかを突き止めました。どんな助けでも大歓迎です。

4

2 に答える 2

0

コードに 2 つの「エラー」があります。オブジェクト キーが割り当てられて=いません:。また、この場合、文字列を結合することはできません。知る限り、最終的にrequire()は画像に使用され、プレーンな文字列以外は受け入れられないためです。

次のようにすることをお勧めします。

const assets = {
  img1: './img'+ data[0].img
}

...

<Image source={{uri: assets.img1} style={styles.img}/>
于 2016-03-02T07:54:23.130 に答える