đòi hỏi hình ảnh trong phản ứng bản địa 0.14.2

Question

Làm mã của tôi này hoạt động tốt

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

Nhưng làm điều này mang lại cho tôi một lỗi

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

tôi nhận được một lỗi:

Yêu cầu chưa biết mô-đun "../../assets/images/music_star.png"

Tôi đang làm gì sai? Làm thế nào để yêu cầu hình ảnh được lưu trữ trong một biến trong phản ứng bản địa 0.14.2?

Answer 1

Bạn có thể đọc thêm in the docs nhưng về cơ bản, để cho tiện làm việc, tên hình ảnh trong đòi hỏi phải được biết đến tĩnh:

// 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'); 

Để vượt qua một hình ảnh từ mẹ sang con, bạn nên yêu cầu nó trong phụ huynh:

/** 
* 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);