Flutter支付功能插件software_pay的使用

SoftwarePay 是一个为 Flutter 设计的可定制支付集成包，允许组织轻松管理各种支付方式。该插件支持多种支付方法、可自定义的用户界面和安全的支付处理，使其成为需要灵活且可扩展支付解决方案的开发者的理想选择。

特性

• 多种支付方法：支持包括 Bankily、Masrivi、Sedad、BIM Bank、Amanty 和 BCI Pay 在内的多种支付方式。
• 可定制的用户界面：可以为每种支付方式定制图标、界面和行为。
• 易于集成：专为快速集成到任何 Flutter 应用而设计。
• 灵活的支付处理：提供可自定义的处理器和钩子来处理支付过程。

安装

要安装 SoftwarePay，请将其添加到你的 pubspec.yaml 文件中：

dependencies:
  software_pay: ^版本号

然后运行 flutter pub get 来获取依赖项。

使用示例

以下是一个完整的示例，展示了如何在 Flutter 应用中使用 software_pay 插件进行支付操作。

示例代码

// ignore_for_file: avoid_print

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是你的应用的根节点。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Software Pay Demo',
      localizationsDelegates: SoftwarePayLocalization.localizationsDelegates,
      supportedLocales: SoftwarePayLocalization.supportedLocales,
      locale: const Locale('en'),
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 尝试这样做：运行你的应用（输入 "flutter run"）。你会看到
        // 应用有一个紫色的工具栏。然后，在不退出应用的情况下，
        // 将颜色方案中的 seedColor 改为 Colors.green
        // 并触发热重载（保存更改或按 IDE 中的 "热重载" 按钮，或在命令行中按 "r")。
        //
        // 注意计数器没有重置回零；应用状态在重载时不会丢失。要重置状态，使用热重启。
        //
        // 这也适用于代码，不仅仅是值：大多数代码更改可以通过热重载来测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Software Pay Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  // 这个小部件是你的应用的主页。它是一个有状态的小部件，意味着
  // 它有一个包含影响其外观字段的状态对象。
  //
  // 这个类是状态的配置。它保存了由父组件（在这个例子中是 App 小部件）提供的值
  // （在这里是标题），并在构建方法中使用这些值。小部件子类中的字段总是标记为 "final"。

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 这个方法每次调用 setState 时都会被重新运行，例如由 _incrementCounter 方法调用。
    //
    // Flutter 框架经过优化，使得重建方法变得非常快，
    // 所以你可以仅仅重建需要更新的部分，而不是逐个改变实例。
    return Scaffold(
      appBar: AppBar(
        // 尝试这样做：将这里颜色改为特定颜色（例如 Colors.amber）并触发热重载
        // 来查看工具栏的颜色变化，同时其他颜色保持不变。
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // 这里我们从 MyHomePage 对象中取值，由 App.build 方法创建，
        // 并用于设置我们的应用工具栏标题。
        title: Text(widget.title),
      ),
      body: Center(
        // Center 是一个布局小部件。它接受一个子节点，并将其定位在父节点的中间。
        child: Column(
          // Column 也是一个布局小部件。它接受一个子节点列表，并垂直排列它们。
          // 默认情况下，它会水平地调整自己的大小以适应其子节点，并尝试与父节点一样高。
          //
          // Column 有许多属性可以控制其自身大小和子节点的位置。在这里我们使用 mainAxisAlignment
          // 来垂直居中子节点；主轴是垂直方向，因为 Columns 是垂直的（交叉轴将是水平方向）。
          //
          // 尝试这样做：启用调试绘制（在 IDE 中选择 "切换调试绘制" 操作，或在控制台中按 "p"），
          // 查看每个小部件的线框。
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            SoftwarePay(
              apiKey: 'BOizE6oqmfMAWAWR5e95aZ9R8svvuNB8AB4d1Ha5X_WkBxKw-uF1t5Iy3FI5N12tJpMs3oIbfiBa-HvMiawbWG8',
              operationId: 'a24b984c-5375-45c0-a859-22a167123b26',
              organizationLogo: const Icon(Icons.payment),
              customHandlers: {
                // PaymentMethodTypes.masrivi: () {
                //   print('masrivi');
                // },
              },
              customIcons: const {},
              inputBuilder: (onCall) {
                return ElevatedButton(
                  onPressed: onCall,
                  child: const Text('购买'),
                );
              },
              onPaymentSuccess: () {
                print('支付成功');
              },
            ),
          ],
        ),
      ),
    );
  }
}