如何将 Flutter Webview 插件用于 PayPal 支付网关答案

【问题标题】：How to use Flutter Webview Plugin for PayPal payment gateway如何将 Flutter Webview 插件用于 PayPal 支付网关
【发布时间】：2019-11-30 06:42:05
【问题描述】：

如何在 Flutter 框架中集成 PayPal 支付网关。我尝试使用网络视图但没有成功。最好的方法是什么。

首先我尝试使用访问令牌和 RSET API，但存在没有用户登录付款的问题。我的代码在下面，此代码以Tryit Editor 成功运行

import 'package:flutter/material.dart';
import'package:flutter_webview_plugin/flutter_webview_plugin.dart';

    class PayPalPayment extends StatefulWidget {
    @override
    _PayPalPaymentState createState() => _PayPalPaymentState();
        
    }

     class _PayPalPaymentState extends State<PayPalPayment> {
     String test = "Test Charge";
     int amount = 100;

     @override
     Widget build(BuildContext context) {
     return MaterialApp(
      home: WebviewScaffold(
        url: new Uri.dataFromString('''
       <html>
       <head>
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <meta http-equiv="X-UA-Compatible" content="IE=edge" />
       </head>

      <body>
      <script
        src="https://www.paypal.com/sdk/js?client-id=SB_CLIENT_ID">
      </script>
      <script>paypal.Buttons().render('body');</script>
      </body>
       </html>
                ''', mimeType: 'text/html').toString(),      ),
    );
  }
}

SB_CLIENT_ID = My client id

【问题讨论】：

您发布的代码似乎没有多大作用。你遇到了什么问题？
代码在我的应用程序中显示白屏，但使用 Tryit Editor 成功运行
github.com/Pikaju/FlutterBraintree 试过这个吗？
谢谢，但我认为 Braintree 目前只支持 Android。
@GursewakSingh 您是否完成了贝宝集成？如果你这样做了，我需要你的帮助

标签： flutter webview paypal payment-gateway

【解决方案1】：

如果您打算处理来自 WebView 内部的响应，您可以使用 webview_flutter 插件并遵循类似的approach。

但是，如果您正在寻找一种更简单的方法，我建议使用 Flutter 的 pay 包来处理支付交易。该软件包支持 Apple Pay 和 Google Pay - 两者都支持 Paypal。

【讨论】：