Flutter支付插件esewa的使用

特性

• 使用eSewa支付

开始使用

此应用依赖于flutter_inappwebview插件。因此，你需要配置以下内容。

要求

• Dart SDK: “>=2.15.0 <4.0.0”
• Flutter: “>=3.0.0”
• Android: minSdkVersion 19 并添加对androidx的支持（查看AndroidX迁移以迁移现有应用）
• iOS 9.0+: --ios-language swift, Xcode版本 >= 14.3
• MacOS 10.11+: Xcode版本 >= 14.3

安装

在你的pubspec.yaml文件中添加esewa作为依赖项。

使用方法

Navigator.push(
    context,
    MaterialPageRoute(
    builder: (context) => PayWithEsewaScreen(
      config: EsewaConfigModel.sandbox(
        amount: 10,
        taxAmount: 0,
        successUrl: 'https://example.com/success',
        failureUrl: 'https://example.com/failure',
        productId: 'product_id',
      ),
      onSuccess: (config, refId) {
        if (kDebugMode) {
          print('Payment successful');
        }
        if (kDebugMode) {
          print('RefId: $refId');
        }
        showSnackBar(context, 'Payment successful RefId: $refId');
        },
    onFailure: (errorMessage) {
        Navigator.pop(context);
        showSnackBar(context, errorMessage);
        if (kDebugMode) {
          print('Error: $errorMessage');
        }
      },
    ),
  ),
);

示例代码

import 'package:esewa/esewa.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

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

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

  // 这个小部件是你的应用的根
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Pay with Esewa',
      theme: ThemeData(
        useMaterial3: true,
        primarySwatch: Colors.green,
      ),
      home: const MyHomePage(title: 'Flutter Pay with Esewa'),
    );
  }
}

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

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const [
            Text(
              '点击浮动操作按钮使用eSewa付款',
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () {
          // 点击按钮时调用支付逻辑
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => PayWithEsewaScreen(
                config: EsewaConfigModel.sandbox(
                  amount: 10,
                  taxAmount: 0,
                  successUrl: 'https://example.com/success',
                  failureUrl: 'https://example.com/failure',
                  productId: 'product_id',
                ),
                onSuccess: (config, refId) {
                  if (kDebugMode) {
                    print('Payment successful');
                  }
                  if (kDebugMode) {
                    print('RefId: $refId');
                  }
                  showSnackBar(context, 'Payment successful RefId: $refId');
                },
                onFailure: (errorMessage) {
                  Navigator.pop(context);
                  showSnackBar(context, errorMessage);
                  if (kDebugMode) {
                    print('Error: $errorMessage');
                  }
                },
              ),
            ),
          );
        },
        isExtended: true,
        label: const Text('使用eSewa付款'),
        icon: const Icon(Icons.payment),
      ),
    );
  }
}

void showSnackBar(BuildContext context, String message) {
  ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(
      content: Text(message),
      duration: const Duration(seconds: 3),
      behavior: SnackBarBehavior.floating,
    ),
  );
}