ReactNative-Image组件

加载静态图片资源：

新建文件夹将图片放到文件夹中通过require()引用

<Image source={require('./img/ic_launcher.png')}/>

注意这里只能一个静态字符串，不可拼接使用

加载打包到APP中的图片资源如Android(drawable文件夹)

 <Image source={{uri: 'ic_launcher.png'}}style={{ width: 50, height: 50}}
                />

这一做法并没有任何安全检查。你需要自己确保图片在应用中确实存在，而且还需要指定尺寸

加载网络图片

   <Image source={{uri: 'http://pic.yesky.com/imagelist/08/21/8825178_4408.jpg'}} style={{width: 400, height: 400}}
                />

需要手动指定尺寸

设置背景图片用Image包裹即可

                <Image source={{uri: 'http://pic.yesky.com/imagelist/08/21/8825178_4408.jpg'}}>
                    <Text style={{width: 400, height: 400, color: 'red'}}>
                        后面是背景图片
                    </Text>
                </Image>