[React-Native]RN组件学习-Image

1、加载本地图片

<Image style={styles.amilia} source={require('./img/hehe.png')} />

其中需要注意的就是加载的图片的路径，这里按照相对路径的写法

2、加载android包中的图片

 <Image style={styles.image1} source={{uri:'ic_launcher'}}/>

这里需要ic_laucher在android中的drawable包中

3、加载网络地址的图片

 <Image style={styles.image1}
        source={{uri:'http://mta.zttit.com:8080/images/ZTT_1404756641470_image.jpg'}}/>

4、一些样式属性

image1: {
        width: 40,
        height: 40,
        // 内边距的宽度，注意是内边距（相当于android中的border属性）
        borderWidth: 10,
        // 内边距的颜色
        borderColor: 'red',
        // 边框曲率（可用于设置圆角）
        borderRadius: 30,
        // 透明度（0：完全透明；1：完全不透明）
        opacity: 0.3
    }