Flutter 添加到钱包插件 add_to_wallet 的使用

插件简介

add_to_wallet 是一个 Flutter 插件，用于在 iOS 平台上暴露原生的“添加到钱包”按钮。

如何使用

此插件通过注册原生视图工厂，并将其作为状态小部件暴露给任何 Flutter 生态系统。其主要用途是针对 iOS 移动平台，但如果为该小部件提供了一个 unsupportedPlatformChild 子小部件，则该插件应在其他平台上安全使用。

参考资料

• 这个插件背后的实现细节：https://flutter.dev/docs/development/platform-integration/platform-views

完整示例

以下是完整的示例代码，展示了如何在 Flutter 应用程序中使用 add_to_wallet 插件：

import 'dart:io';

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

import 'package:add_to_wallet/add_to_wallet.dart';
import 'package:path_provider/path_provider.dart';
import 'package:share/share.dart';

import 'pass_provider.dart';

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

class MyApp extends StatefulWidget {
  [@override](/user/override)
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  bool _passLoaded = false;
  List<int> _pkPassData = [];

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

  Future<void> initPlatformState() async {
    final pass = await passProvider();

    if (!mounted) return;

    setState(() {
      _pkPassData = pass;
      _passLoaded = true;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('添加到钱包示例应用'),
        ),
        body: Center(
          child: Column(
            children: [
              Text('单按钮应用！'),
              if (_passLoaded)
                AddToWalletButton(
                  pkPass: _pkPassData,
                  width: 150,
                  height: 30,
                  unsupportedPlatformChild: DownloadPass(pkPass: _pkPassData),
                  onPressed: () {
                    print("🎊 添加到钱包按钮按下！ 🎊");
                  },
                ),
            ],
          ),
        ),
      ),
    );
  }
}

class DownloadPass extends StatelessWidget {
  final List<int> pkPass;

  const DownloadPass({Key? key, required this.pkPass}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return ElevatedButton(onPressed: _onPressed, child: Text('🧷 pkpass'));
  }

  void _onPressed() async {
    print("按钮被按下，我们可以让用户下载通行证！");
    File passFile = await writePassFile();
    Share.shareFiles([passFile.path], text: "这是你的pkPass!");
  }

  Future<String> get _localPath async {
    final directory = await getApplicationDocumentsDirectory();
    return directory.path;
  }

  Future<File> get _localPassFile async {
    final path = await _localPath;
    return File('$path/pass.pkpass');
  }

  Future<File> writePassFile() async {
    final file = await _localPassFile;
    return file.writeAsBytes(pkPass);
  }
}

代码说明

1. 导入必要的包：

   import 'dart:io';
   import 'package:flutter/material.dart';
   import 'dart:async';
   import 'package:add_to_wallet/add_to_wallet.dart';
   import 'package:path_provider/path_provider.dart';
   import 'package:share/share.dart';
   

2. 初始化应用程序：

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

3. 定义应用程序的状态管理类：

   class MyApp extends StatefulWidget {
     [@override](/user/override)
     _MyAppState createState() => _MyAppState();
   }
   
   class _MyAppState extends State<MyApp> {
     bool _passLoaded = false;
     List<int> _pkPassData = [];
   
     [@override](/user/override)
     void initState() {
       super.initState();
       initPlatformState();
     }
   

4. 初始化平台状态：

   Future<void> initPlatformState() async {
     final pass = await passProvider();
   
     if (!mounted) return;
   
     setState(() {
       _pkPassData = pass;
       _passLoaded = true;
     });
   }
   

5. 构建应用界面：

   [@override](/user/override)
   Widget build(BuildContext context) {
     return MaterialApp(
       home: Scaffold(
         appBar: AppBar(
           title: const Text('添加到钱包示例应用'),
         ),
         body: Center(
           child: Column(
             children: [
               Text('单按钮应用！'),
               if (_passLoaded)
                 AddToWalletButton(
                   pkPass: _pkPassData,
                   width: 150,
                   height: 30,
                   unsupportedPlatformChild: DownloadPass(pkPass: _pkPassData),
                   onPressed: () {
                     print("🎊 添加到钱包按钮按下！ 🎊");
                   },
                 ),
             ],
           ),
         ),
       ),
     );
   }
   

6. 定义下载通行证的小部件：

   class DownloadPass extends StatelessWidget {
     final List<int> pkPass;
   
     const DownloadPass({Key? key, required this.pkPass}) : super(key: key);
   
     [@override](/user/override)
     Widget build(BuildContext context) {
       return ElevatedButton(onPressed: _onPressed, child: Text('🧷 pkpass'));
     }
   
     void _onPressed() async {
       print("按钮被按下，我们可以让用户下载通行证！");
       File passFile = await writePassFile();
       Share.shareFiles([passFile.path], text: "这是你的pkPass!");
     }
   
     Future<String> get _localPath async {
       final directory = await getApplicationDocumentsDirectory();
       return directory.path;
     }
   
     Future<File> get _localPassFile async {
       final path = await _localPath;
       return File('$path/pass.pkpass');
     }
   
     Future<File> writePassFile() async {
       final file = await _localPassFile;
       return file.writeAsBytes(pkPass);
     }
   }