Flutter支付插件mercado_pago_checkout的使用

Flutter支付插件mercado_pago_checkout的使用

获取开始

本项目是一个新的Flutter插件项目。该插件项目包括Android和/或iOS平台的特定实现代码。

对于如何开始Flutter开发的帮助，可以查看在线文档，其中提供了教程、示例、移动开发指南以及完整的API参考。

示例代码

以下是一个完整的示例代码，展示了如何在Flutter应用中使用mercado_pago_checkout插件。

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

import 'package:flutter/services.dart';
import 'package:mercado_pago_checkout/mercado_pago_checkout.dart';

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

// 替换为您的公钥
const publicKey = "YOUR KEY";
// 替换为您创建的偏好设置ID
const preferenceId = "YOUR ID";

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 = 'Unknown';

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

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String? platformVersion;
    try {
      // 获取平台版本信息
      platformVersion = await MercadoPagoCheckout.platformVersion;
    } on PlatformException {
      // 处理异常情况
      platformVersion = 'Failed to get platform version.';
    }

    // 如果组件已经从树中移除，则不更新UI
    if (!mounted) return;

    // 更新UI
    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              // 显示当前运行的平台版本
              Text('运行在: $_platformVersion\n'),
              // 支付按钮
              ElevatedButton(
                onPressed: () async {
                  // 开始支付流程
                  PaymentResult result = await MercadoPagoCheckout.startCheckout(
                    publicKey,
                    preferenceId,
                  );
                  // 打印支付结果
                  print(result.toString());
                },
                child: const Text("支付"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

说明

1. 导入必要的包：

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

2. 定义常量：

   const publicKey = "YOUR KEY";
   const preferenceId = "YOUR ID";
   

   这里需要替换为您自己的公钥和偏好设置ID。

3. 初始化平台状态：

   Future<void> initPlatformState() async {
     String? platformVersion;
     try {
       platformVersion = await MercadoPagoCheckout.platformVersion;
     } on PlatformException {
       platformVersion = 'Failed to get platform version.';
     }
   
     if (!mounted) return;
   
     setState(() {
       _platformVersion = platformVersion;
     });
   }
   

4. 构建UI：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         appBar: AppBar(
           title: const Text('插件示例应用'),
         ),
         body: Center(
           child: Column(
             children: [
               Text('运行在: $_platformVersion\n'),
               ElevatedButton(
                 onPressed: () async {
                   PaymentResult result = await MercadoPagoCheckout.startCheckout(
                     publicKey,
                     preferenceId,
                   );
                   print(result.toString());
                 },
                 child: const Text("支付"),
               ),
             ],
           ),
         ),
       ),
     );
   }