npm i --save nativescript-ssi-awesome-webview
- 版本:0.1.2
- GitHub:
- NPM: https://npmjs.net.cn/package/nativescript-ssi-awesome-webview
- 下载
- 前一天:0
- 上周:0
- 上个月:0
nativescript-ssi-awesome-webview
基于nativescript-awesome-webview。此版本仅更新为引用 androidx 库,而不是 android 支持库。与 NS 6.1 兼容。
一个使用 Chrome Custom Tabs 在 Android 和 SFSafariViewController 在 iOS 的 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