ReactNative——Iamge的大学问

发布时间：2020-12-15 06:53:35 所属栏目：百科来源：网络整理

导读：怎么用？？先说几种加载方式 1本地图片 Image source ={ require ( './my-icon.png' )} / 2原生资源图片（android为例） Image source = {{ uri : ' asset : /app _ icon.png '}} style = {{ width : 40, height : 40}} / 3网络图片 Image source = {{ uri

怎么用？？

先说几种加载方式

1本地图片

<Image source={require('./my-icon.png')} />

2原生资源图片（android为例）

 <Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40,height: 40}} />

3网络图片

<Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 400,height: 400}} />

注：必须指定图片大小；ios仅支持https；

iOS http处理：

这里写代码片

平台和不同分辨率如何适配呢？？

如果你有my-icon.ios.png和my-icon.android.png，Packager就会根据自动选择针对不同平台的文件。

你还可以使用@2x，@3x这样的文件名后缀，来为不同的屏幕精度提供图片

具体解释请移步API

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!