Ionic3 UI組件之 Gallery Modal

Gallery Modal能夠理解爲相冊的預覽界面。能夠顯示網絡圖片，也能夠顯示base64Image。

在這個例子中，我用來實現圖片的預覽功能。

相機拍照，或者相冊選擇圖片後，用縮略圖組件顯示縮略圖，點擊縮略圖能夠預覽大圖。

組件特性：

• 支持手勢縮放
• 可加載網絡圖片，也能夠加載本地圖片或者base64Image

參考地址：https://github.com/nikini/ionic-gallery-modal

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

1）安裝包：

npm install ionic-gallery-modal --save

2）在app.module.ts中添加：

import { GalleryModal } from 'ionic-gallery-modal';
import { ZoomableImage } from 'ionic-gallery-modal';

3）在你的頁面中直接使用ModalController來展現：

 

注意photos數組裏面，加上url屬性，默認格式爲Array[{ url: string }],不然組件找不到url。

initialSlide是默認加載的圖片的索引，不要超出索引範圍。

效果以下：