在移动开发中,特别是涉及到图片的应用开发中,经常会遇到图片预览等功能,并且预览支持图片的放大和缩小,在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