Ionic3 UI组件之 PhotoViewer

PhotoViewer是常用的Cordova Plugin之一，用来显示图片。

组件特性：

• 根据Url显示图片
• 支持手势，可放大缩小
• 带分享按钮，可分享图片
• 带关闭按钮
• 加载错误时自动关闭组件
• 支持Base64

参考地址：https://github.com/sarriaroman/photoviewer

========================================================================

1）安装插件和包：

ionic cordova plugin add com-sarriaroman-photoviewer

npm install --save @ionic-native/photo-viewer

2）添加插件到app.module.ts：

import { PhotoViewer } from '@ionic-native/photo-viewer';

别忘了

providers：[] 里面加上PhotoViewer；

3）在需要使用的地方：

import { PhotoViewer } from '@ionic-native/photo-viewer';

构造器中：private photoViewer: PhotoViewer

具体使用方法：

this.photoViewer.show('https://images2015.cnblogs.com/news/24442/201705/24442-20170502163240086-1545306933.jpg', '示例图片');

效果图：

如果不是暂时网络图片，而是相机拍摄的图片，可以：

this.photoViewer.show(this.base64Image, '示例图片');

base64Image参看camera插件。