प्रतिक्रिया देशी 0.14.2

Question

यह मेरा कोड कर में छवि की आवश्यकता होती है ठीक

<Image 
source={require('../../assets/images/music_star.png')} 
style={styles.musicStar} 
/> 

काम करता है लेकिन ऐसा करने के लिए मुझे एक त्रुटि

let imgSource = '../../assets/images/music_star.png'; 
<Image 
source={require(imgSource)} 
style={styles.musicStar} 
/> 

मैं कोई त्रुटि मिलती है देता है:

अज्ञात की आवश्यकता होती है मॉड्यूल "../../assets/images/music_star.png"

मैं क्या गलत कर रहा हूं? प्रतिक्रिया-देशी 0.14.2 में एक चर में संग्रहीत छवियों की आवश्यकता कैसे है?

Answer 1

आप अधिक in the docs पढ़ सकते हैं लेकिन मूल रूप से, इस काम करने के लिए, की आवश्यकता होती है में छवि नाम स्थैतिक रूप में जाना जाता हो गया है:

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

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png'); 

बच्चे को माता-पिता से एक छवि से पारित करने के लिए, आपको इसे माता-पिता में चाहिए:

/** 
* The entry point for the iOS app. 
*/ 
import React, { 
    AppRegistry, 
    Component, 
    Image, 
    View, 
} from 'react-native'; 

class Child extends Component { 
    render() { 
    return (
     <Image source={this.props.image} /> 
    ) 
    } 
} 

export default class Parent extends Component { 
    render() { 
    return (
     <View> 
     <Child image={require('./test.png')} /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('App',() => Parent);