Flutter支付功能插件xpay的使用

Flutter支付功能插件xpay的使用

xpay

一个用于Flutter应用的支付插件。

平台支持

该插件支持以下支付方式：

1. 支付宝
2. 微信支付
3. Google Pay
4. Apple Pay

对于iOS 9及更高版本，需要在info.plist文件中添加URL Scheme白名单。以下是支付宝的URL Scheme白名单配置：

<key>LSApplicationQueriesSchemes</key>
<array>
  <string>alipay</string>
  <string>alipayshare</string>
  <string>alipays</string>
</array>

使用步骤

首先，确保你已经将xpay插件添加到你的pubspec.yaml文件中：

dependencies:
  xpay: ^1.0.0 # 请根据实际情况选择合适的版本号

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

接下来是一个完整的示例代码，展示了如何在Flutter应用中使用xpay插件进行支付：

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

import 'package:flutter/services.dart';
import 'package:logger/logger.dart';
import 'package:xpay/xpay.dart'; // 导入xpay插件

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> {
  String _platformVersion = '未知';

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

  Future<void> initPlatformState() async {
    String platformVersion;

    try {
      platformVersion = await Xpay.getAliPayVersion ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () async {
                  var version = await Xpay.getAliPayVersion;
                  Logger().d(version);
                },
                child: Text('运行在: $_platformVersion\n'),
              ),
              ElevatedButton(
                onPressed: () async {
                  // order 需要从服务器获取
                  var result = await Xpay.aliPay('order');
                  Logger().d(result);
                },
                child: const Text('支付宝支付'),
              ),
              ElevatedButton(
                onPressed: () async {
                  var result = await Xpay.aliIsAliPayInstalled();
                  Logger().d(result);
                },
                child: const Text('检查是否已安装支付宝'),
              )
            ],
          ),
        ),
      ),
    );
  }
}