nativescript-ssi-awesome-webview
为所有NativeScript Apps提供出色的WebView!
npm i --save nativescript-ssi-awesome-webview

nativescript-ssi-awesome-webview

基于nativescript-awesome-webview。此版本仅更新为引用 androidx 库,而不是 android 支持库。与 NS 6.1 兼容。

一个使用 Chrome Custom TabsAndroidSFSafariViewControlleriOS 的 NativeScript {N} WebView 插件。它很 出色 ,因为现在你可以使用系统的默认浏览器,让人们能够跨网站保持活跃登录(而不是需要在你的应用WebView的作用域内重新登录网站)。这意味着自定义标签页(或Safari视图)加载得非常快!你也可以设置自定义标签页/ Safari视图的标题栏和控制按钮的颜色。

先决条件 / 要求

目前没有先决条件。这应该可以在任何设备、任何操作系统上运行。

安装

对于 tns 项目(Angular、TypeScript、Javascript)

tns plugin add nativescript-ssi-awesome-webview

对于 vue-cli 项目(Nativescript-Vue)

npm install nativescript-ssi-awesome-webview

使用方法

需求

JavaScript -

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

Typescript -

import {init, openWebView} from 'nativescript-ssi-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的对象)

属性 默认值 描述
url 必需 要打开的URL
showTitle false 在WebView中显示标题栏
toolbarColor undefined 工具栏颜色
toolbarControlsColor undefined (仅限iOS) 工具栏按钮的颜色
isClosed undefined 当WebView关闭时将被调用的回调函数

许可

这是免费、开源、做你想要做的软件。我真的很不关心。但如果你需要一个官方许可 -

Apache License Version 2.0, January 2004