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

1、加载本地图片


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

2、加载android包中的图片

 

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

3、加载网络地址的图片

 

4、一些样式属性

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

你可能感兴趣的:([React-Native]RN组件学习-Image)