Safari View Controller

For displaying read-only web content.

Requires Cordova plugin: cordova-plugin-safariviewcontroller. For more info, please see the Safari View Controller plugin docs.

https://github.com/EddyVerbruggen/cordova-plugin-safariviewcontroller

Cordovaの問題で困っていますか？

本格的なプロジェクトを構築している場合、トラブルシューティングに時間を費やす余裕はありません。Ionicのエキスパートが、保守、サポート、統合に関する公式サポートを提供しています。

インストール

ionic cordova plugin add cordova-plugin-safariviewcontroller

npm install @ionic-native/safari-view-controller

npm install cordova-plugin-safariviewcontroller

npm install @ionic-native/safari-view-controller

ionic cap sync

Ionic Native Enterprise はIonic Teamが完全にサポートしメンテナンスしているプラグインを利用できます。詳しくみるか、エンタープライズプラグインに興味があれば連絡ください

サポートしているプラットフォーム

Android
iOS

利用方法

React

See here.

Angular

import { SafariViewController } from '@ionic-native/safari-view-controller/ngx';

constructor(private safariViewController: SafariViewController) { }

...

this.safariViewController.isAvailable()
  .then((available: boolean) => {
      if (available) {

        this.safariViewController.show({
          url: 'https://ionic.io',
          hidden: false,
          animated: false,
          transition: 'curl',
          enterReaderModeIfAvailable: true,
          tintColor: '#ff0000'
        })
        .subscribe((result: any) => {
            if(result.event === 'opened') console.log('Opened');
            else if(result.event === 'loaded') console.log('Loaded');
            else if(result.event === 'closed') console.log('Closed');
          },
          (error: any) => console.error(error)
        );

      } else {
        // use fallback browser, example InAppBrowser
      }
    }
  );