Flutter支付管理插件paystack_manager_package的使用

Flutter支付管理插件paystack_manager_package的使用

开始使用

本项目是一个新的Flutter插件包的起点，用于在Android和/或iOS平台上实现特定的平台特定代码。

对于Flutter开发的帮助，请查看官方文档，其中包含教程、示例、移动开发指南以及完整的API参考。

完整示例代码

以下是一个简单的示例代码，演示如何使用paystack_manager_package插件进行支付管理。

import 'package:flutter/material.dart';
import 'package:paystack_manager_package/paystack_pay_manager.dart';

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

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  late PaystackPayManager payManager;

  [@override](/user/override)
  void initState() {
    // 初始化状态
    super.initState();
    // payManager = buildPaystackPayManager(context);
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Paystack Payment"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 发起支付按钮
            MaterialButton(
              onPressed: () async {
                await buildPaystackPayManager(context);
              },
              child: const Text(
                "Pay",
              ),
            ),
          ],
        ),
      ),
    );
  }

  buildPaystackPayManager(BuildContext context) {
    return PaystackPayManager(
      context: context,
      secretKey: 'sk_test_62f08d71c2bfb74012b186335c8cc2f9f41a51a3', // 你的Paystack密钥
      reference: DateTime.now().millisecondsSinceEpoch.toString(), // 订单编号
      amount: 100, // 支付金额（单位：分）
      country: 'Nigeria', // 国家
      currency: 'NGN', // 货币类型
      email: 'sam@gmail.com', // 用户邮箱
      firstName: 'sam', // 用户名
      lastName: 'dave', // 用户姓氏
      companyAssetImage: null, // 公司资产图像
      metadata: {}, // 元数据
      onSuccessful: (t) { // 支付成功回调
        print('Payment Successful');
      },
      onPending: (t) { // 支付待处理回调
        print('Payment Pending');
      },
      onFailed: (t) { // 支付失败回调
        print('Payment Failed');
      },
      onCancelled: (t) { // 支付取消回调
        print('Payment Cancelled');
      },
    ).initialize(); // 初始化支付管理器
  }
}

更多关于Flutter支付管理插件paystack_manager_package的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter支付管理插件paystack_manager_package的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


paystack_manager_package 是一个用于在 Flutter 应用中集成 Paystack 支付功能的插件。Paystack 是一个流行的支付网关，广泛用于非洲地区的在线支付处理。通过这个插件，开发者可以轻松地在 Flutter 应用中集成 Paystack 支付功能。

1. 安装插件

首先，你需要在 pubspec.yaml 文件中添加 paystack_manager_package 依赖。

dependencies:
  flutter:
    sdk: flutter
  paystack_manager_package: ^1.0.0  # 请确保使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 配置 Paystack

在使用 paystack_manager_package 之前，你需要在 Paystack 官网上注册账号并获取你的 API 密钥。你可以在 Paystack 的 Dashboard 中找到你的公钥（Public Key）和私钥（Secret Key）。

3. 初始化 PaystackManager

在你的 Flutter 应用中，首先需要初始化 PaystackManager。通常，你会在 main.dart 文件中进行初始化。

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

void main() {
  PaystackManager.initialize(
    publicKey: 'your_public_key_here', // 替换为你的 Paystack 公钥
    secretKey: 'your_secret_key_here', // 替换为你的 Paystack 私钥
  );
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Paystack Payment Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: PaymentScreen(),
    );
  }
}

4. 发起支付请求

在你的支付页面中，你可以使用 PaystackManager 来发起支付请求。通常，你会创建一个按钮，用户点击按钮后触发支付流程。

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

class PaymentScreen extends StatelessWidget {
  void _makePayment() async {
    final transaction = PaystackTransaction(
      amount: 10000, // 金额（以最小单位表示，例如10000表示100.00 NGN）
      email: 'customer@example.com', // 客户邮箱
      reference: 'ref_${DateTime.now().millisecondsSinceEpoch}', // 交易参考号
    );

    try {
      final response = await PaystackManager.instance.checkout(transaction);
      if (response.status == true) {
        // 支付成功
        print('Payment successful: ${response.message}');
      } else {
        // 支付失败
        print('Payment failed: ${response.message}');
      }
    } catch (e) {
      // 处理异常
      print('Error: $e');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Paystack Payment'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: _makePayment,
          child: Text('Pay with Paystack'),
        ),
      ),
    );
  }
}
回到顶部