これは何の問題も働かないダイナミックな名前

Question

でネイティブイメージに反応します未知のモジュール "./images/ace.png"が必要です。モジュールがそこにあることが確かな場合は、パッケージャを再起動してみてください。

Answer 1

ネイティブドキュメントを反応あたりとしてどの程度

// 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'); 
<Image source={icon} /> 

、例えば

var imageURL = 'http://assets22.pokemon.com/assets/cms2/img/pokedex/full/702.png' 

Answer 2

をURL

URL

かもしれません

<Image 
    style={styles.img} 
    resizeMode={'contain'} 
    source={{uri: imageURL}}> 

とimageURLに中を使用してみてください何を前もって宣言する条件付きで使用する必要がありますか？

Answer 3

昨今ソリューション、コンポーネントの名前ロウ：私はこの方法を見つけた

const Row = (props) => { 
    let employmentType; 

    // Set my own image component dynamically 
    if(props.SOME_CONDITION){ 
    employmentType = <Image source={require('image!Driver')} style={styles.employeeLogo} /> 
    } 
    else{ 
    employmentType = <Image source={require('image!ANOTHERIMAGE')} style={styles.employeeLogo} /> 
    } 

    return(
    <View style={styles.row_container} elevation={2}> 

     {employmentType} 
     <Text style={styles.row_text}>{'../Assets/Images/' + props.PictureUrl + '.png'}</Text> 
     <Text style={styles.row_text}>{props.Fullname}</Text> 
     <Text style={styles.row_text}>{props.EmploymentType}</Text> 
    </View> 
); 
};