Flutter集成原子化服务插件atome_sdk_flutter的使用

开始使用

在pubspec.yaml文件中添加以下依赖项：

dependencies:
  atome_sdk_flutter: ^0.0.2

执行flutter pub get以安装依赖。

使用步骤

对于iOS用户：

在Info.plist文件中添加以下配置：

1. 添加“Queried URL Schemes”到您的info.plist文件中。
2. 类型为“Array”，添加一个字符串值“apaylater”。

例如：

初始化插件

final _atomeSdkFlutterPlugin = AtomeSdkFlutter();

检查Atome是否已安装

final isAtomeInstalled = await _atomeSdkFlutterPlugin.isAtomeInstalled();

打开Atome链接以启动Atome应用

final result = await _atomeSdkFlutterPlugin.openAtomeLink("xxxPaymentUrl");

完整示例代码

以下是完整的示例代码，展示如何在Flutter中集成和使用atome_sdk_flutter插件。

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

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

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

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

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _isAtomeInstalled = false; // 是否安装了Atome应用的状态变量
  final _atomeSdkFlutterPlugin = AtomeSdkFlutter(); // 初始化插件实例

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState(); // 初始化平台状态
  }

  // 平台消息异步初始化
  Future<void> initPlatformState() async {
    bool isAtomeInstalled;
    try {
      isAtomeInstalled = await _atomeSdkFlutterPlugin.isAtomeInstalled() ?? false;
    } on PlatformException {
      isAtomeInstalled = false;
    }

    if (!mounted) return; // 如果组件被移除，则不更新UI

    setState(() {
      _isAtomeInstalled = isAtomeInstalled;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Atome SDK 示例'), // 应用标题
        ),
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min, // 垂直方向最小尺寸
            children: [
              Text('Atome 安装状态: $_isAtomeInstalled\n'), // 显示Atome安装状态
              MaterialButton(
                color: Colors.yellow, // 按钮颜色
                onPressed: () async {
                  // 调用插件方法打开Atome支付链接
                  await _atomeSdkFlutterPlugin.openAtomeLink("https://xxxPaymentUrl");
                },
                child: const Text('打开Atome'), // 按钮文本
              ),
            ],
          ),
        ),
      ),
    );
  }
}