react-native 类似微信的图片预览组件

最新推荐文章于 2024-08-09 07:23:58 发布

刘力瑞

最新推荐文章于 2024-08-09 07:23:58 发布

阅读量320

点赞数

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/liulirui/article/details/130599954

版权

本文介绍了一款基于react-native-reanimated & react-native-gesture-handler的高性能图片预览组件，提供类似微信的图片预览体验。通过ImageWrapper组件，可以轻松实现无缝衔接的图片预览，详细内容和示例可在github项目页面查看。

摘要由CSDN通过智能技术生成

一款基于react-native-reanimated & react-native-gesture-handler的高性能图片预览组件；

github详细介绍： https://github.com/BooYeu/react-native-reanimated-viewer

先来看看效果：

使用起来也非常的便捷在不影响现在的布局的情况下，无缝衔接，使用ImageWrapper包裹即可！

import React, { memo, useRef, useMemo } from 'react';
import { View, Image } from 'react-native';
import { ImageWrapper, ImageViewer } from 'react-native-reanimated-viewer';
const ImageViewerPage = () => {
  const imageRef = useRef(null);
  const mockData = useMemo(
    () => [
      {
        smallUrl:
          'https://img2.baidu.com/