您当前的位置: 首页 > 

xiangzhihong8

暂无认证

  • 0浏览

    0关注

    1324博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

react-native-image-viewer实现大图预览

xiangzhihong8 发布时间:2018-06-25 19:23:01 ,浏览量:0

在移动开发中,特别是涉及到图片的应用开发中,经常会遇到图片预览等功能,并且预览支持图片的放大和缩小,在Android原生开发中可以使用PhotoViewPager库实现,如果在React Native中,可以选择使用react-native-image-viewer。

先看一个实现的效果: 这里写图片描述

实例

使用前需要先安装react-native-image-viewer库,安装命令如下:

npm i react-native-image-zoom-viewer --save

然后引入ImageViewer组件,然后设置图片的数据源即可,imageUrls接受一个图片数组。下面是一个简单的实例代码:

import React, {PureComponent, Component} from 'react'
import {View, Modal,Nav
关注
打赏
1482932726
查看更多评论
立即登录/注册

微信扫码登录

0.0407s