【React-native】 组件如何从前一界面动态获取 source

版权声明：请通知博主（[email protected]）获取允许后进行分享。 https://blog.csdn.net/qq934235475/article/details/84140987

今天，想通过前一界面传source的地址来对通用页面的图片样式进行更改，而不是单一的死地址，但是前一页面直接传地址的字符串是不行的，会报错，经研究，发现使用如下方式即可。

---

父界面：

在父界面中，给定一个属性，值直接为 require('../../image/payment.png') 

           <CommonWeights
                dataSource={dataSource}
                itemShowImage={require('../../image/payment.png')}
            />

子界面：

子界面接受这个参数直接使用即可。

    returnImage(){
        const sourceUrl = this.props.itemShowImage === undefined ? "" : this.props.itemShowImage;
        return (
            <Image
                source={sourceUrl}
            />
        );
    }

Bingo！

---

注：react-native版本0.40以后require(‘image!…’)引用图片方式不在支持，详情请查看。