如何解决如何在本机脚本中使用InAppBrowser
我在我的nativescript core(javascript)项目中添加了Nativescript inAppBrowser plugin。我将代码按文档中的原样复制到了我的项目中,但是没有用(我猜是因为它是用打字稿写的),所以我编辑了代码。
现在,我遇到错误InAppbrowser.isAvaialble
不是函数
这是我的JavaScript代码
const openUrl = require("tns-core-modules/utils/utils").openUrl;
const alert = require("tns-core-modules/ui/dialogs").alert;
const InAppbrowser = require("nativescript-inappbrowser");
videoCall: function (args) {
try {
const url = "https://example.com";
if (InAppbrowser.isAvailable()) {
const result = InAppbrowser.open(url,{
// iOS Properties
dismissButtonStyle: 'cancel',preferredBarTintColor: '#453AA4',preferredControlTintColor: 'white',readerMode: false,animated: true,modalPresentationStyle: 'fullScreen',modalTransitionStyle: 'partialCurl',moDalenabled: true,enableBarCollapsing: false,// Android Properties
showTitle: true,toolbarColor: '#6200EE',secondaryToolbarColor: 'black',enableurlBarHiding: true,enableDefaultShare: true,forceCloSEOnRedirection: false,// Specify full animation resource identifier(package:anim/name)
// or only resource name(in case of animation bundled with app).
animations: {
startEnter: 'slide_in_right',startExit: 'slide_out_left',endEnter: 'slide_in_left',endExit: 'slide_out_right'
},headers: {
'my-custom-header': 'MVM'
}
})
alert({
title: 'Response',message: JSON.stringify(result),okButtonText: 'Ok'
})
}
else {
openUrl(url);
}
}
catch(error) {
alert({
title: 'Error',message: error.message,okButtonText: 'Ok'
})
}
},
您可以将其与文档中的内容进行比较,以查看是否有我做错的事情,在此先感谢
解决方法
您的函数必须为async
,并且在对InAppBrowser的所有调用之前都必须有await
。
import { openUrl } from 'tns-core-modules/utils/utils';
import { alert } from 'tns-core-modules/ui/dialogs';
import InAppBrowser from 'nativescript-inappbrowser';
async function openLink(url) {
try {
if (await InAppBrowser.isAvailable()) {
await InAppBrowser.open(url,{
// iOS Properties
dismissButtonStyle: 'cancel',preferredBarTintColor: '#453AA4',preferredControlTintColor: 'white',readerMode: false,animated: true,modalPresentationStyle: 'fullScreen',modalTransitionStyle: 'partialCurl',modalEnabled: true,enableBarCollapsing: false,// Android Properties
showTitle: true,toolbarColor: '#6200EE',secondaryToolbarColor: 'black',enableUrlBarHiding: true,enableDefaultShare: true,forceCloseOnRedirection: false,// Specify full animation resource identifier(package:anim/name)
// or only resource name(in case of animation bundled with app).
animations: {
startEnter: 'slide_in_right',startExit: 'slide_out_left',endEnter: 'slide_in_left',endExit: 'slide_out_right'
},headers: {
}
});
}
else {
openUrl(url);
}
}
catch(error) {
alert({
title: 'Error',message: error.message,okButtonText: 'Ok'
})
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。