Flutter支付插件edcash_payment的使用

Flutter支付插件edcash_payment的使用

Edcash Payment Flutter Package 是一个用于集成Edcash支付网关的Flutter插件，允许用户通过手机号码进行支付。

特性

• 向用户的手机号码发送OTP以验证支付
• 使用OTP验证完成支付

安装

在项目的 pubspec.yaml 文件中添加以下依赖项：

dependencies:
  flutter:
    sdk: flutter
  edcash_payment:
    version: ^1.0.0

完整示例Demo

下面是一个完整的示例，展示如何使用 edcash_payment 插件来实现支付功能。

步骤1：初始化插件

首先，在你的 main.dart 文件中导入并初始化插件。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: PaymentScreen(),
    );
  }
}

步骤2：创建支付屏幕

创建一个新的屏幕 PaymentScreen，在这个屏幕上实现支付逻辑。

class PaymentScreen extends StatefulWidget {
  [@override](/user/override)
  _PaymentScreenState createState() => _PaymentScreenState();
}

class _PaymentScreenState extends State<PaymentScreen> {
  final EdcashPayment _edcashPayment = EdcashPayment();
  String _otp = '';
  String _paymentStatus = '';

  // 发送OTP
  void _sendOtp() async {
    try {
      await _edcashPayment.sendOtp('+919876543210'); // 替换为实际的手机号码
      setState(() {
        _otp = '已发送OTP';
      });
    } catch (e) {
      setState(() {
        _otp = '发送失败: $e';
      });
    }
  }

  // 验证OTP并完成支付
  void _verifyOtpAndPay() async {
    try {
      await _edcashPayment.verifyOtp(_otp);
      setState(() {
        _paymentStatus = '支付成功';
      });
    } catch (e) {
      setState(() {
        _paymentStatus = '支付失败: $e';
      });
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Edcash Payment Demo'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Column(
          children: [
            ElevatedButton(
              onPressed: _sendOtp,
              child: Text('发送OTP'),
            ),
            SizedBox(height: 20),
            Text(_otp),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                _verifyOtpAndPay();
              },
              child: Text('验证OTP并支付'),
            ),
            SizedBox(height: 20),
            Text(_paymentStatus),
          ],
        ),
      ),
    );
  }
}