Flutter支付插件flutter_upi_pay的使用

支持平台

• Android
• iOS

开始使用

该插件可以在Pub上找到：https://pub.dev/packages/flutter_upi_pay。

在你的应用pubspec.yaml文件中添加依赖：

dependencies:
  flutter_upi_pay: 0.0.2

使用说明

导入包

import 'package:flutter_upi_pay/flutter_upi_pay.dart';

创建FlutterPayment实例

FlutterPayment flutterPayment = FlutterPayment();

设置选项

flutterPayment.launchUpi(
  upi_id: "test@oksbi",   // UPI ID
  name: "tester",         // 付款人姓名
  amount: "100",          // 付款金额
  message: "test",        // 付款备注
  currency: "INR");       // 货币类型

预览图

示例代码

example/lib/main.dart

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // 这个小部件是您的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter pay',
      theme: ThemeData(
        // 这是您的应用程序的主题。
        //
        // 尝试这样做：运行您的应用“flutter run”。您会看到
        // 应用程序有一个蓝色工具栏。然后，不退出应用，
        // 将颜色方案中的seedColor改为Colors.green
        // 并触发热重载（保存更改或按IDE中的“热重载”按钮，或者如果您使用
        // 命令行启动应用，则按“r”）。
        //
        // 注意计数器并没有重置回零；应用程序的状态在重载时不会丢失。
        // 若要重置状态，请使用热重启。
        //
        // 这对代码也适用，而不仅仅是值：大多数代码更改可以通过
        // 热重载来测试。
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blueAccent),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'Flutter UPI Pay'),
    );
  }
}

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

  // 这个小部件是您的应用的主页。它是有状态的，意味着
  // 它有一个状态对象（定义如下），包含影响其外观的字段。
  //
  // 这个类是状态的配置。它保存了由父级（在这种情况下为App小部件）提供的值（在这种情况下为标题）
  // 并用于State的构建方法。小部件子类中的字段总是标记为“final”。

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  FlutterPayment flutterPayment = FlutterPayment();

  [@override](/user/override)
  Widget build(BuildContext context) {
    // 此方法每次调用setState时都会重新运行，例如上面的_incrementCounter方法。
    //
    // Flutter框架已被优化为使重新构建方法快速运行，
    // 因此您可以只需重新构建任何需要更新的内容，而不是逐个更改小部件实例。
    return Scaffold(
      appBar: AppBar(
        // 尝试这样做：将此处的颜色更改为特定颜色（如Colors.amber？）
        // 并触发热重载以查看AppBar颜色变化，而其他颜色保持不变。
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        // 这里我们从MyHomePage对象中获取值，该对象由App.build方法创建，
        // 并将其用于设置appbar标题。
        title: Text(widget.title),
      ),
      body: const Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              'Initiate UPI payment from Flutter',
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          // 启动UPI支付
          flutterPayment.launchUpi(
            upiId: "test@oksbi",
            name: "tester",
            amount: "100",
            message: "test",
            currency: "INR",
          );
        },
        tooltip: '',
        child: const Icon(Icons.monetization_on_outlined),
      ),
    );
  }
}