Flutter支付集成插件lycan_pay_sdk的使用

lycan_payment

这是一个新的Flutter插件项目。

Getting Started（开始使用）

这个项目是一个用于Flutter的插件包起点，它是一种专门的包，包含针对Android和/或iOS平台的特定平台实现代码。

如需了解如何开始使用Flutter，请参阅我们的在线文档，其中提供了教程、示例、移动开发指南以及完整的API参考。

该插件项目生成时未指定–platforms标志，因此当前不支持任何平台。要添加平台，请在相同目录下运行flutter create -t plugin --platforms <platforms> .。您还可以在pubspec.yaml中找到有关如何添加平台的详细说明：https://flutter.dev/docs/development/packages-and-plugins/developing-packages#plugin-platforms。

示例代码

以下是完整的示例代码，展示了如何在Flutter应用中集成并使用lycan_pay_sdk插件进行支付。

示例代码：main.dart

import 'dart:math';

import 'package:flutter/material.dart';
import 'package:lycan_pay_sdk/lycan_payment.dart'; // 引入lycan_pay_sdk插件

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> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: ProductPageScreen(), // 跳转到商品页面
      ),
    );
  }
}

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

  [@override](/user/override)
  State<ProductPageScreen> createState() => _ProductPageScreenState();
}

class _ProductPageScreenState extends State<ProductPageScreen> {
  List product = [
    {
      "amt": "10.00",
      "img":
          "https://cdn.pixabay.com/photo/2020/05/26/09/32/product-5222398_1280.jpg",
      "name": "Sunglasses E345",
      "des":
          "Online shopping Accessories from a great selection of Sunglasses, Spectacle Frames, Glasses Cases & more at everyday",
    },
    {
      "amt": "0.5",
      "img":
          "https://bluewatermarketing.com/wp-content/uploads/2022/01/S3_07564-Edit.jpg",
      "name": "BEARD OIL",
      "des":
          "Beard oil is a cosmetic product for men that is used to nourish both the skin under the beard and the beard itself in order to keep it soft, shiny, and smooth. Beard oil mimics the natural oils produced by skin, such as sebum, and is composed mainly of carrier oils and essential oils.",
    },
    // 其他商品数据...
  ];

  [@override](/user/override)
  Widget build(BuildContext context) {
    final orientation = MediaQuery.of(context).orientation;
    return Scaffold(
      body: SafeArea(
        child: GridView.builder(
          itemCount: product.length,
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: (orientation == Orientation.portrait) ? 2 : 3),
          itemBuilder: (BuildContext context, int index) {
            return GestureDetector(
              onTap: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                      builder: (context) =>
                          BuyNowPage(data: product[index], index: index)),
                );
              },
              child: Card(
                child: GridTile(
                  footer: Container(
                    height: 40,
                    color: Colors.grey.withOpacity(0.7),
                    child: Center(
                        child: Text(
                      "Price: ${product[index]["amt"]}",
                      style: const TextStyle(
                          fontSize: 15,
                          color: Colors.white,
                          fontWeight: FontWeight.w500),
                    )),
                  ),
                  child: Hero(
                    tag: "img$index",
                    child: Image.network(
                      product[index]['img'],
                      fit: BoxFit.fill,
                    ),
                  ),
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}

class BuyNowPage extends StatefulWidget {
  final Map data;
  final int index;
  const BuyNowPage({Key? key, required this.data, required this.index})
      : super(key: key);

  [@override](/user/override)
  State<BuyNowPage> createState() => _BuyNowPageState();
}

class _BuyNowPageState extends State<BuyNowPage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        elevation: 0,
        automaticallyImplyLeading: true,
        leading: IconButton(
          onPressed: () => Navigator.pop(context),
          icon: const Icon(
            Icons.arrow_back_ios,
            color: Colors.black,
          ),
        ),
      ),
      body: SafeArea(
          child: Container(
        padding: const EdgeInsets.all(20),
        child: SingleChildScrollView(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Hero(
                tag: "img${widget.index}",
                child: SizedBox(
                  height: 250,
                  child: Image.network(widget.data["img"], fit: BoxFit.fill),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 20),
                child: Text(
                  "${widget.data["name"]}",
                  style: const TextStyle(
                      fontWeight: FontWeight.bold, fontSize: 25),
                ),
              ),
              const Padding(
                padding: EdgeInsets.only(top: 5),
                child: Text(
                  "Rating : ⭐⭐⭐⭐⭐",
                  style: TextStyle(fontWeight: FontWeight.w700),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 10),
                child: Text(
                  "${widget.data["des"]}",
                  textAlign: TextAlign.justify,
                  style: const TextStyle(
                      fontWeight: FontWeight.bold,
                      fontSize: 14,
                      color: Colors.grey),
                ),
              ),
              Padding(
                padding: const EdgeInsets.only(top: 15, bottom: 20),
                child: Text(
                  "\$${widget.data["amt"]}",
                  style: const TextStyle(
                      fontWeight: FontWeight.bold, fontSize: 30),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: List.generate(
                    35,
                    (index) => Container(
                        height: 1,
                        width: 3,
                        color: const Color.fromARGB(255, 37, 53, 89))),
              ),
              const Padding(
                padding: EdgeInsets.only(top: 10, bottom: 12),
                child: Text(
                  "Payments",
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,
                children: List.generate(
                    35,
                    (index) => Container(
                        height: 1,
                        width: 3,
                        color: const Color.fromARGB(255, 37, 53, 89))),
              ),
              const SizedBox(height: 20),
              LycanPaySDK(
                amount: widget.data["amt"], // 支付金额
                name: "LycanPay", // 商户名称
                email: "example@gmail.com", // 用户邮箱
                merchantID: "0800E2C4C7024E", // 商户ID
                idTestMode: 0, // 测试模式开关（0为关闭，1为开启）
                invoiceNo: "INV00${Random().nextInt(9)}", // 订单号
                backCurrentPageNav: BuyNowPage(
                  data: widget.data,
                  index: widget.index,
                ), // 返回按钮回调
              )
            ],
          ),
        ),
      )),
    );
  }
}