如何用react-native-image-viewer组件实现手机大图查看功能？

本文共计918个文字，预计阅读时间需要4分钟。

目录 + React Native ImageViewer 大图预览 + 首先看一个实现的例子 + 下面是一个简单的实例代码 + Props + React Native ImageViewer 大图预览 + 在移动开发中，特别涉及图片的应用开发中，经常会遇到...

目录

• react-native-image-viewer大图预览
• 先看一个实现的效果
• 实例
• 下面是一个简单的实例代码
• Props

react-native-image-viewer大图预览

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

先看一个实现的效果

实例

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

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

然后引入ImageViewer组件，然后设置图片的数据源即可，imageUrls接受一个图片数组。