您好，欢迎来到爱玩科技网。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页ReactNative如何实现图片查看组件

ReactNative如何实现图片查看组件

来源：爱玩科技网
 React Native 图片查看组件：react-native-image-viewer，纯JS组件，小巧快速的图标查看组件。支持图片放大缩小，支持图片加载失败设置替代图片，支持将图片保存到本地等功能。本文主要和大家介绍了React Native 图片查看组件的方法，希望能帮助到大家。

效果图

安装方法


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

使用示例


主要参数说明
  1. imageUrls 图片url地址的数组
  2. enableImageZoom 是否允许缩放
  3. failImageSource 加载失败时显示的图片
  4. loadingRender 加载loading
  5. renderHeader 头部样式
  6. renderFooter 底部样式
  7. renderIndicator 页码指示器样式
                
            
            

            

                
                
            

        

        
        
                
        
        
        
    

    

    
    
    
    
    
    
    





    

        

            
            

                

                    Copyright © 2019- aiwanbo.com 版权所有 赣ICP备2024042808号-3                

                

                    违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com
                

                

                    本站由北京市万商天勤律师事务所王兴未律师提供法律服务