2016-08-11 14 views
6

私は反応ネイティブプロジェクトに取り組んでおり、現在画像は/images/というフォルダに置いています。それは彼らにとって良い道なのでしょうか?ベストプラクティスはありますか?反応ネイティブプロジェクトにイメージを配置する場所は?

enter image description here

+0

これは役に立ちます。 http://stackoverflow.com/questions/34004319/where-to-store-images-in-react-native-for-android-and-ios –

答えて

1

、あなたのアプリに静止画像を追加するには、ソースコードツリーのどこかにそれを配置し、このようにそれを参照するために:

<Image source={require('./my-icon.png')} /> 

より詳細な説明については、以下のリンクを参照してください。

https://facebook.github.io/react-native/docs/images.html

+1

ありがとうございます!それは働いた –

+1

こんにちはAneesh、彼は画像を置くために良いパスですか?あなたはただ「どこにでも置いてください」と言います。任意のプログラミングのために、リソース、css、jsファイルなどを配置する場所を含む特定のアプローチがあります。アプリケーションの実行時間に影響します。 –

+0

@ Sulu.MeanStackはいMr.Suluの最も良い方法は、同じファイルをディレクトリに入れて、非常に簡単にアクセスできるようにすることです。あなたの提案をありがとう。 –

6

イメージフォルダをsrc(src/image/index.js)に追加できます。画像フォルダadd index.jsファイルは、アプリケーション画像全体を作成して追加します。あなたは、画像フォルダに画像を追加し、インデックスファイルへのパスを設定することができます

<Image source={ IMAGENAME } /> 

:index.jsファイルで は

用画像を

export const IMAGENAME = require('./icon.png'); 

すると、インポート画像フォルダ

import { IMAGENAME } from '../image'; 
を設定します。 これがあなたを助けてくれることを願っています。

+0

私の仕事に感謝します –

関連する問題