[React Native]Image组件加载网络资源
程序员文章站
2022-07-01 16:05:24
...
Image组件一般用法是:
<Image source={require('./resources/images/loginImage.png')} />
加载网络资源:
<Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} />
但是这里有一点要注意的是,由于Image组件读取不了网络图片自身的宽高,如果我们不给图片宽高的话,它很可能出现加载不了图片的情况.所以需要手动给一个宽高的style.
上一篇: 第一个Smarty程序
下一篇: 微信手机浏览器多图片即时预览 上传
推荐阅读
-
React router动态加载组件之适配器模式的应用详解
-
React-Native中一些常用组件的用法详解(一)
-
React-Native中一些常用组件的用法详解(二)
-
详解React开发中使用require.ensure()按需加载ES6组件
-
React Native日期时间选择组件的示例代码
-
React Native封装Toast与加载Loading组件
-
React-Native实现ListView组件之上拉刷新实例(iOS和Android通用)
-
React-Native做一个文本输入框组件的实现代码
-
react-native ListView下拉刷新上拉加载实现代码
-
React-Native 组件之 Modal的使用详解