2016-04-27 18 views
0

私は私の画像を配置する場合、私はしかし、イメージはコンポーネントと同じフォルダに配置する必要がありますか?

「[..]モジュールが見つかりません」私は /app/components/headerbar/headerbar.js下のコンポーネントを持っている場合はそれが言うので、それは <Image source={require('./app/assets/images/logo/logo.png')} style={styles.logo} /> を使用することはできません

/app/assets/images/logo/logo.png 

の下で私のイメージを持っていますheaderbar.jsファイルと同じフォルダの下にあり、パスを./logo.pngに変更すると正常に動作します。パスを../app/assets/images/logo/logo.pngに設定しても動作しません。

RNで動作するコンポーネントと同じフォルダの下に静止画像を置く必要がありますか?あなたはこのようなファイルを参照する必要が

答えて

2

:(「../../資産/画像/ロゴ/ logo.png」)

必要代わりにアプリのルートでのjsファイルを入れて、あなたの資産を参照そこに、constsとしてそれらをエクスポート:

export const LOGO = require('./assets/images/logo/logo.png'); 

その後、あなたは、単にのconstをインポートし、

<Image source={LOGO} style={styles.logo} /> 
+0

感謝を書くことができます!私はパスを次のように変更して解決しました: robertk

関連する問題