npm i --save nativescript-awesome-webview-with-custom-menu-items
- 版本:70.1.1
- GitHub:
- NPM: https://npmjs.net.cn/package/nativescript-awesome-webview-with-custom-menu-items
- 下载
- 昨天:0
- 上周:0
- 上个月:0
原生脚本超级WebView带自定义菜单项
这是一个适用于NativeScript {N}的WebView插件,在Android中使用Chrome自定义标签页,在iOS中使用SFSafariViewController。它很棒,因为现在你可以使用系统的默认浏览器,让人们可以跨网站保持活跃的登录状态(而不是需要在你的应用WebView的范围内重新登录网站)。这意味着自定义标签页(或Safari视图)加载速度非常快!此外,你可以设置自定义标签页/ Safari视图的标题栏和控制按钮的颜色。
先决条件/需求
目前,没有先决条件。它应该在任何设备、任何操作系统上工作。
安装
对于tns
项目(Angular、TypeScript、JavaScript)
tns plugin add nativescript-awesome-webview-with-custom-menu-items
对于vue-cli
项目(Nativescript-Vue)
npm install nativescript-awesome-webview-with-custom-menu-items
使用方法
要求
JavaScript -
const {init, openWebView} = require('nativescript-awesome-webview-with-custom-menu-items');
Typescript -
import {init, openWebView} from 'nativescript-awesome-webview-with-custom-menu-items';
1. 初始化(可选,仅限Android)
init()
注意:这将在Android上预热Chrome自定义标签页。有关详细信息,请查看此
在iOS上调用init()
没有任何作用。所以如果你为两个操作系统编写代码,在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