2016-08-11 10 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

हाय अनीश काम करता है, वह पूछ रहा है कि छवियों को रखने का अच्छा तरीका कौन सा है? आप बस कहते हैं 'इसे कहीं भी रखें'। किसी भी प्रोग्रामिंग के लिए एक विशिष्ट दृष्टिकोण है जिसमें संसाधन, सीएसएस, जेएस फाइल आदि शामिल हैं। यह एप्लिकेशन के निष्पादन समय को प्रभावित करता है। –

+0

@ Sulu.MeanStack हां Mr.Sulu सबसे अच्छा तरीका है एक ही फाइल को एक निर्देशिका में रखना, ताकि यह बहुत आसानी से पहुंच सके। तुम्हारे सुझाव के लिए धन्यवाद। –

6

आप src (src/image/index.js) में छवि फ़ोल्डर जोड़ सकते हैं। छवि फ़ोल्डर index.js फ़ाइल जोड़ें और संपूर्ण ऐप छवि जोड़ें। index.js फ़ाइल में

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

सेट आयात छवि फ़ोल्डर

import { IMAGENAME } from '../image'; 

उपयोग छवि जब:

<Image source={ IMAGENAME } /> 

आप अनुक्रमणिका फ़ाइल में छवि फ़ोल्डर में छवि और पथ सेट जोड़ सकते हैं। आशा है कि यह आपकी मदद करेगा।

+0

धन्यवाद मेरे लिए यह काम है –

संबंधित मुद्दे