nativescript-awesome-webview

一个用于 NativeScript {N} 的 WebView 插件，它在 Android 上使用 Chrome Custom Tabs，在 iOS 上使用 SFSafariViewController。它非常棒，因为现在您可以使用系统的默认浏览器，让人们在网站之间保持活跃的登录状态（而无需在您的应用 WebView 范围内重新登录到网站）。这意味着自定义标签页（或 Safari 视图）加载非常快！您还可以设置自定义标签页/ Safari 视图的标题栏和控制按钮的颜色。

先决条件/要求

目前，没有先决条件。这应该适用于任何设备、任何操作系统。

安装

对于 tns 项目（Angular、TypeScript、Javascript）

tns plugin add nativescript-awesome-webview

对于 vue-cli 项目（Nativescript-Vue）

npm install nativescript-awesome-webview

使用方法

需求

JavaScript -

const {init, openWebView} = require('nativescript-awesome-webview');

TypeScript -

import {init, openWebView} from 'nativescript-awesome-webview';

1. 初始化（可选，仅限 Android）

init()

注意：这将预热 Android 上的 Chrome Custom Tab。有关详细信息，请参阅 此处

调用 init() 在 iOS 上没有作用。所以如果您同时为两个操作系统制作，在 iOS 上调用该函数不会造成伤害。

2. 打开一个 URL

    openWebView({
      url: 'http://google.com',
      toolbarColor: '#2277aa',
      toolbarControlsColor: '#eebb99'
    });

openWebView 选项

AwesomeWebviewOptions 结构（传递给 openWebView 的对象）

许可证

这是一个免费、开源、随意使用的软件。我真的很不在乎。但如果您需要一个官方许可证 -

Apache License Version 2.0, January 2004