Использование кода html с кодом javascript в качестве виджета во флаттере - PullRequest
Новая
       47

Использование кода html с кодом javascript в качестве виджета во флаттере

2 голосов
/ 05 января 2020

В настоящее время я использую флаттер, и у меня уже есть кнопка html, которую я хочу добавить в свое приложение флаттера. Этот html содержит скрипт java в качестве тела. Как добавить html с javascript в качестве виджета внутри моего приложения? Это фрагмент html: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Paytabs Express Checkout V4</title>
  </head>
  <body>
    <script
      src="https://paytabs.com/express/v4/paytabs-express-checkout.js"
      id="paytabs-express-checkout"
      data-secret-key="key"
      data-ui-type="button"
      data-merchant-id="mid"
      data-url-redirect="https://my09713z28.codesandbox.io/"
      data-amount="3.3"
      data-currency="SAR"
      data-title="John Doe"
      data-product-names="click"
      data-order-id="25"
      data-ui-show-header="true"
      data-customer-phone-number="5486253"
      data-customer-email-address="john.deo@paytabs.com"
      data-customer-country-code="973"
      data-ui-show-billing-address="false"
      data-billing-full-address="test test test"
      data-billing-city="test"
      data-billing-state="test"
      data-billing-country="BHR"
      data-billing-postal-code="123"
    ></script>
    <script>

    </script>
  </body>
</html>

Надеюсь, вы мне поможете.

1 Ответ

0 голосов
/ 05 января 2020

Вы можете использовать HtmlElementView для добавления html элементов внутри веб-приложения флаттера https://api.flutter.dev/flutter/widgets/HtmlElementView-class.html

Осторожно, которые будут работать только в веб-флаттере и

Встраивание HTML - дорогостоящая операция, и ее следует избегать, если возможен эквивалент Flutter

Вы должны добавить это html содержимое в файл web / main. html.

Я предлагаю вам создать кнопку с флаттером и вызвать javascript код с дротиком, как в этом примере вызов javascript с дротиком

...