Flutter Web : How to run javascript using dart js

2,532

You need to wrap that in a global variable

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

certify that app.js is loaded with defer

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

And inside flutter do

import 'dart:js' as js;

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

Source

Share:
2,532
Samuel Ricky Saputro
Author by

Samuel Ricky Saputro

Updated on December 16, 2022

Comments

  • Samuel Ricky Saputro
    Samuel Ricky Saputro over 1 year

    I want to use the Stripe library on the web flutter. But unfortunately, until now there is still no stripe library available for web flutter. Therefore I try to run javascript on the web flutter, where it will call the stripe-js library (https://stripe.com/docs/js/payment_intents/confirm_card_payment).

    What I want to ask, first, is how to use the javascript library on web flutter? like this :

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

    Secondly, how do I call the javascript function on the web flutter? like this :

    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 docs: https://stripe.com/docs/js

    Thank you