Flutter支付转账插件lenco_pay_with_transfer_widget的使用

特性

生成账户号码并即时接收付款。

开始使用

https://lenco.co 注册账号,并申请 API 密钥。

示例

以下是一个完整的示例代码,展示如何在 Flutter 应用中集成 lenco_pay_with_transfer_widget 插件。

// 引入必要的包
import 'dart:math'; // 用于生成随机数
import 'package:flutter/material.dart'; // Flutter 基础库
import 'package:lenco_pay_with_transfer_widget/src/datamodel.dart'; // 插件的数据模型
import 'package:lenco_pay_with_transfer_widget/src/lenco_pay_with_transfer.dart'; // 插件的核心功能

void main() {
  runApp(const MyApp()); // 启动应用
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Lenco Pay 示例', // 应用名称
      theme: ThemeData(
        primarySwatch: Colors.blue, // 主色调
      ),
      home: const HomePage(), // 首页
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Lenco Pay With Transfer'), // 设置页面标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 主轴方向居中
          children: [
            const Text('点击按钮以启动 Lenco Pay'), // 提示文字
            ElevatedButton(
              onPressed: () {
                // 使用 LencoPayWithTransfer 小部件进行支付
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (context) => LencoPayWithTransfer(
                      publicKey: 'pub-f2d1b5e54986c6592a7f6f765c505f28137f592051aa8ca0', // 公钥
                      reference: 'ref${Random().nextInt(1000000)}', // 唯一标识符,仅允许 . _ -
                      email: 'developers@test.com', // 用户邮箱
                      amount: 100, // 最小支付金额
                      currency: 'NGN', // 可选货币
                      accountName: 'Eze Michael', // 可选账户名
                      // 支付成功回调
                      onSuccessful: (Transaction transaction) {
                        print(transaction.toJson()); // 打印交易详情
                      },
                      // 支付拒绝回调
                      onRejected: (RejectedTransaction transaction) {
                        print(transaction.toJson()); // 打印拒绝交易详情
                      },
                      // 错误消息回调
                      onErrorMessage: (String message) {
                        print(message); // 打印错误信息
                      },
                    ),
                  ),
                );
              },
              child: const Text('Pay with Transfer'), // 按钮文字
            ),
          ],
        ),
      ),
    );
  }
}
1 回复

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


lenco_pay_with_transfer_widget 是一个用于在 Flutter 应用中集成支付和转账功能的插件。以下是如何使用该插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 lenco_pay_with_transfer_widget 插件的依赖。

dependencies:
  flutter:
    sdk: flutter
  lenco_pay_with_transfer_widget: ^1.0.0  # 请使用最新版本

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

2. 导入插件

在你的 Dart 文件中导入插件:

import 'package:lenco_pay_with_transfer_widget/lenco_pay_with_transfer_widget.dart';

3. 使用 LencoPayWithTransferWidget

你可以在你的 Flutter 应用中使用 LencoPayWithTransferWidget 来展示支付和转账界面。

class PaymentScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('支付与转账'),
      ),
      body: LencoPayWithTransferWidget(
        apiKey: 'your_api_key_here', // 你的 API 密钥
        amount: 1000, // 支付金额
        currency: 'NGN', // 货币类型
        onSuccess: (response) {
          // 支付成功后的回调
          print('支付成功: $response');
        },
        onError: (error) {
          // 支付失败后的回调
          print('支付失败: $error');
        },
      ),
    );
  }
}

4. 配置 API 密钥

确保你已经在 Lenco 平台上注册并获取了 API 密钥。将 apiKey 替换为你自己的 API 密钥。

5. 处理回调

LencoPayWithTransferWidget 提供了 onSuccessonError 回调函数,用于处理支付成功或失败的情况。你可以在这些回调中执行相应的操作,例如更新 UI 或记录日志。

6. 运行应用

现在你可以运行你的 Flutter 应用,并测试支付和转账功能。

flutter run
回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!