Flutter支付集成插件monnify_flutter的使用

开始使用

这个项目专注于Monnify支付。它支持Android和iOS平台。

安装

要使用此插件进行支付，将其作为依赖项添加到你的pubspec.yaml文件中：

dependencies:
  monnify_flutter: ^x.y.z

然后在initState方法中初始化插件：

import 'package:monnify_flutter/monnify_flutter.dart';

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final monnify = MonnifyFlutter.instance;

  [@override](/user/override)
  void initState() {
    super.initState();
    
    monnify.initializeMonnify(
      /// 输入你的API密钥
      apiKey: "Hidden.API_KEY",
      /// 输入你的合同代码
      contractCode: "Hidden.CONTRACT_CODE",
      applicationMode: ApplicationMode.test); // 设置为测试模式
  }
}

使用示例

你可以在你的Flutter应用中使用这个插件来实现支付功能。以下是完整的示例代码：

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

import 'package:monnify_flutter/common/app_enums/EnumClasses.dart';
import 'package:monnify_flutter/monnify_flutter.dart';
import 'package:monnify_flutter_example/hidden.dart';

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final _monnifyPlugPlugin = MonnifyFlutter.instance;
  final TextEditingController nameController = TextEditingController();
  final TextEditingController emailController = TextEditingController();
  final TextEditingController amountController = TextEditingController();

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  // 异步初始化平台状态
  Future<void> initPlatformState() async {
    try {
      final result = await _monnifyPlugPlugin.initializeMonnify(
        apiKey: API_KEY, // 输入你的API密钥
        contractCode: CONTRACT_CODE, // 输入你的合同代码
        applicationMode: ApplicationMode.test, // 设置为测试模式
      );

      print("初始化结果: $result");
    } on Exception {
      print('初始化失败。');
    }
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Monnify 插件'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Center(
            child: ListView(
              children: [
                const SizedBox(
                  height: 10.0,
                ),
                customTextField(hint: "姓名:", controller: nameController),
                const SizedBox(
                  height: 10.0,
                ),
                customTextField(hint: "邮箱:", controller: emailController),
                const SizedBox(
                  height: 10.0,
                ),
                customTextField(hint: "金额:", controller: amountController),
                const SizedBox(
                  height: 10.0,
                ),
                TextButton(
                    style: TextButton.styleFrom(
                        backgroundColor: Theme.of(context).primaryColor,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.circular(10))),
                    onPressed: () async {
                      try {
                        final result = await _monnifyPlugPlugin.makePayment(
                          amount: amountController.text,
                          currencyCode: "NGN", // 货币代码
                          customerName: nameController.text,
                          customerPhoneNumber: '081234545657', // 客户电话号码
                          customerEmail: emailController.text,
                          paymentReference: referenceId(), // 支付引用ID
                          paymentDescription: "测试", // 支付描述
                          paymentMethod: PaymentMethod.all, // 支付方式
                        );

                        // 处理支付结果
                        print("支付结果: $result");
                      } catch (error) {
                        print("错误: $error");
                      }
                    },
                    child: const Text("支付",
                        style: TextStyle(color: Colors.white, fontSize: 30),)),
              ],
            ),
          ),
        ),
      ),
    );
  }

  /// 随机生成的字符串
  String referenceId() => DateTime.now().toString();

  /// 自定义文本框
  Widget customTextField({
    String? hint,
    TextEditingController? controller,
    FocusNode? focusNode,
    String? errorText,
    Widget? suffixIcon,
    bool readOnly = false,
    TextInputType? textInputType,
    ValueChanged<String>? onChanged,
    Widget? label,
  }) {
    return TextField(
      controller: controller,
      focusNode: focusNode,
      readOnly: readOnly,
      decoration: InputDecoration(
        suffixIcon: suffixIcon,
        errorText: errorText,
        hintText: hint,
        label: label,
        enabledBorder: const OutlineInputBorder(
          borderSide: BorderSide(color: Colors.blue, width: 2),
          borderRadius: BorderRadius.all(
            Radius.circular(10),
          ),
        ),
        labelStyle: const TextStyle(fontWeight: FontWeight.bold),
        border: const OutlineInputBorder(
          borderSide: BorderSide(color: Colors.blue, width: 10),
          borderRadius: BorderRadius.all(
            Radius.circular(10),
          ),
        ),
      ),
      onChanged: onChanged,
      keyboardType: textInputType,
      textInputAction: TextInputAction.next,
      onEditingComplete: () {},
    );
  }
}