如何在本机脚本中使用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'
        })
      }