RN中UIImage的使用

来源:互联网 发布:保险公司业务自助优化 编辑:程序博客网 时间:2024/05/17 06:20
RN版本的UIImageView加载图片的方式
<View style={styles.container}>  {/**从项目中加载图片**/}  <Text>1.从项目中加载图片</Text>  <Image source={require('./img/icon.png')} style={styles.imageStyle}/>  <Text>2.从App中加载图片</Text>  <Image source={{uri:'bd_logo1'}} style={styles.imageStyle}/>  <Text>3.从网络加载图片</Text>  <Image source={{uri:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1497867485527&di=4964dcab3cfb2abab672622fdacf08e6&imgtype=0&src=http%3A%2F%2Fimg.qqai.net%2Fuploads%2Fi_1_3954819281x253773944_21.jpg'}} style={styles.imageStyle}/></View>


imageStyle :{  width:160,  height:160,  borderRadius:80,  resizeMode:'cover',  // resizeMode:'contain',  // resizeMode:'stretch',}

这里有图片圆角处理,三种图片拉伸方式

原创粉丝点击