Flutter华为钱包集成插件huawei_wallet的使用

Flutter华为钱包集成插件huawei_wallet的使用

安装

请访问 pub.dev 和 AppGallery Connect 配置 获取详细安装说明。

dependencies:
  huawei_wallet: ^版本号

文档

• 快速入门
• API 参考

问题或建议

如果您在使用 HMS 示例时遇到任何问题，可以尝试以下选项：

• 在 Stack Overflow 提问，并添加标签 <strong>huawei-mobile-services</strong>。
• 在 GitHub 上打开一个 Issue 或提交您的想法。
• 在 华为开发者论坛 发表您的问题或寻求建议。
• 访问 华为开发者文档 获取详细的 HMS Core Kit 文档。

如果您在示例中遇到任何 Bug，请提交到 GitHub 仓库。

许可证

Huawei Wallet Flutter 插件遵循 Apache 2.0 许可证。

示例代码

/*
    Copyright 2021-2023. Huawei Technologies Co., Ltd. All rights reserved.
    Licensed under the Apache License, Version 2.0 (the "License")
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

        https://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.
*/

import 'package:flutter/material.dart';
import 'package:huawei_wallet_example/pages/sdk_page.dart';

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

class _App extends StatelessWidget {
  const _App({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: const Home(),
      theme: ThemeData(
        appBarTheme: const AppBarTheme(
          color: Colors.black87,
        ),
      ),
    );
  }
}

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

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Huawei Wallet Kit Demo'),
      ),
      body: ListView(
        children: [
          MaterialButton(
            color: Colors.grey,
            padding: const EdgeInsets.symmetric(horizontal: 24),
            onPressed: () async {
              Navigator.of(context).push(
                MaterialPageRoute<dynamic>(
                  builder: (_) => const SdkPage(),
                ),
              );
            },
            child: const Text(
              '通过网页、短信、邮件和应用获取优惠券',
            ),
          ),
        ],
      ),
    );
  }
}

代码解释

1. 导入必要的库：

   import 'package:flutter/material.dart';
   import 'package:huawei_wallet_example/pages/sdk_page.dart';
   

2. 主函数：

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

3. 创建应用入口类 _App：

   class _App extends StatelessWidget {
     const _App({Key? key}) : super(key: key);
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: const Home(),
         theme: ThemeData(
           appBarTheme: const AppBarTheme(
             color: Colors.black87,
           ),
         ),
       );
     }
   }
   

4. 创建首页 Home 类：

   class Home extends StatefulWidget {
     const Home({Key? key}) : super(key: key);
   
     @override
     State<Home> createState() => _HomeState();
   }
   

5. 实现首页状态 _HomeState 类：

   class _HomeState extends State<Home> {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text('Huawei Wallet Kit Demo'),
         ),
         body: ListView(
           children: [
             MaterialButton(
               color: Colors.grey,
               padding: const EdgeInsets.symmetric(horizontal: 24),
               onPressed: () async {
                 Navigator.of(context).push(
                   MaterialPageRoute<dynamic>(
                     builder: (_) => const SdkPage(),
                   ),
                 );
               },
               child: const Text(
                 '通过网页、短信、邮件和应用获取优惠券',
               ),
             ),
           ],
         ),
       );
     }
   }