Flutter支付集成插件xendit_integrator的使用

Xendit Integrator 是一个用于在 Flutter 应用程序中集成支付功能的插件。本文将介绍如何使用该插件进行支付集成，并提供完整的示例代码。

特性

• 支持 Xendit 的支付功能。
• 提供简单易用的 API 接口。
• 可在 Android 和 iOS 平台上运行。

开始使用

要开始使用 xendit_integrator 插件，首先需要将其添加到您的 pubspec.yaml 文件中：

dependencies:
  xendit_integrator: ^版本号

然后执行以下命令以安装依赖项：

flutter pub get

使用方法

以下是一个完整的示例，展示如何在 Flutter 应用程序中使用 xendit_integrator 插件进行支付集成。

示例代码

import 'package:flutter/material.dart';
import 'package:xendit_integrator/xendit_integrator.dart'; // 导入插件

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  // 模拟支付按钮点击事件
  Future<void> _handlePayment() async {
    try {
      // 初始化 Xendit Integrator
      final result = await XenditIntegrator.pay(
        amount: 1000, // 支付金额
        currency: 'USD', // 货币类型
        externalId: 'txn_123456', // 外部交易 ID
        description: 'Test Payment', // 支付描述
      );

      // 打印支付结果
      print('Payment Result: $result');
    } catch (e) {
      // 捕获并打印错误信息
      print('Error during payment: $e');
    }
  }

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text('You have pushed the button this many times:'),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headlineMedium,
            ),
            ElevatedButton(
              onPressed: _handlePayment, // 调用支付方法
              child: Text('Pay Now'),
            )
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}