Flutter Web：如何使用 dart js 运行 javascript答案

【问题标题】：Flutter Web : How to run javascript using dart jsFlutter Web：如何使用 dart js 运行 javascript
【发布时间】：2020-04-22 18:29:51
【问题描述】：

我想在 web flutter 上使用 Stripe 库。但不幸的是，直到现在仍然没有可用于 web flutter 的条带库。因此我尝试在 web flutter 上运行 javascript，它会调用 stripe-js 库 (https://stripe.com/docs/js/payment_intents/confirm_card_payment)。

首先我想问的是，如何在 web flutter 上使用 javascript 库？像这样：

<script src = "https://js.stripe.com/v3/"> </script>

其次，如何调用web上的javascript函数flutter？像这样：

stripe
   .confirmCardPayment ('{PAYMENT_INTENT_CLIENT_SECRET}', {
     payment_method: {
       card: cardElement,
       billing_details: {
         name: 'Jenny Rosen',
       },
     },
   })
   .then (function (result) {
     // Handle result.error or result.paymentIntent
   });

stripe-js 文档：https://stripe.com/docs/js

谢谢

【问题讨论】：

如果您找到解决方案，请发布解决方案。

标签： javascript flutter dart stripe-payments flutter-web

【解决方案1】：

你需要把它包装在一个全局变量中

window.doStripePayment = (name) => {
    // Your code
}

证明app.js 加载了defer

<head>
    <script src="app.js" defer></script>
</head>

Flutter 内部做

import 'dart:js' as js;

js.context.callMethod('doStripePayment', ['John Doe']);

Source

【讨论】：

【解决方案2】：

这不是 Stripe 特有的问题，所以我建议您研究一下如何将标准 JS 库与 Flutter 一起使用，即Use JS library in Flutter

【讨论】：