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

2022-11-30 11:19:36 浏览数 (1)

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

先看一个实现的效果:

实例

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

代码语言:javascript复制
npm i react-native-image-zoom-viewer --save

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

代码语言:javascript复制
import React, {PureComponent, Component} from 'react'
import {View, Modal,Nav

0 人点赞