ReactNative——Iamge的大学问

前端之家收集整理的这篇文章主要介绍了ReactNative——Iamge的大学问前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

怎么用??

先说几种加载方式

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

原文链接:https://www.f2er.com/react/303120.html

猜你在找的React相关文章