React Native 图片查看组件
发布时间:2020-12-15 06:33:44 所属栏目:百科 来源:网络整理
导读:本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 新的一年,新的开始,祝大家旺旺年旺旺旺! React Native 图片查看组件:react-native-image-viewer,纯JS组件,小巧快速的图标查看组件。支持图片放大缩小,支持图片加载失败设置替代图片,支持
本文原创首发于公众号:ReactNative开发圈,转载需注明出处。 新的一年,新的开始,祝大家旺旺年旺旺旺!React Native 图片查看组件:react-native-image-viewer,纯JS组件,小巧快速的图标查看组件。支持图片放大缩小,支持图片加载失败设置替代图片,支持将图片保存到本地等功能。 效果图
安装方法
使用示例const images = [ { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460',},{ url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460',]; export default class Component06 extends Component { constructor(props) { super(props); } render() { return ( <View style={{ flex: 1 }}> <ImageViewer imageUrls={images} failImageSource={{ url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460',width: Dimensions.get('window').width,height: Dimensions.get('window').width,}} /> </View> ); } } 主要参数说明
完整示例完整代码:https://github.com/forrest23/ReactNativeComponents 组件地址https://github.com/ascoders/react-native-image-viewer 微信不让跳转外链,可以点击查看原文来查看外链GitHub内容。 举手之劳关注我的微信公众号:ReactNative开发圈 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- swift – 在Xcode 6.0.1中的Interface Builder中,“限制边缘
- <转>(Kinetis K60)flash读写
- C++Linklist
- xml – XSLT:如何获取所有使用的命名空间的列表
- Vue+ElementUI实现表单动态渲染、可视化配置的方法
- c# – 使用OLEDB从Stream读取AccessFile到DataSet
- 从epoll构建muduo-3 加入第一个类,顺便介绍reactor
- BIP_将原有Report Builer报表全部转为XML Publisher形式(案
- openwrt编译自己的package时遇到缺失libpthread.so.0依赖的
- 正则表达式