Flutter UI组件库插件wapas_ui_kit的使用

Flutter UI组件库插件wapas_ui_kit的使用

wapas_ui_kit 是一个为 Flutter 应用程序设计的 UI 组件库插件。通过该插件，开发者可以快速地在应用中集成各种美观且功能丰富的界面组件。

获取开始

本项目是一个用于 Flutter 的插件包，包含针对 Android 和/或 iOS 的平台特定实现代码。

要开始使用 Flutter 进行开发，您可以参考 Flutter 官方文档，其中提供了教程、示例、移动开发指南以及完整的 API 参考。

示例代码

以下是一个使用 wapas_ui_kit 插件的完整示例：

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

import 'package:flutter/services.dart';
import 'package:wapas_ui_kit/wapas_ui_kit.dart';
import 'package:wapas_ui_kit/widgets/achievement/achievement_popup.dart';
import 'package:wapas_ui_kit/widgets/balance/balance_report_chart.dart';
import 'package:wapas_ui_kit/widgets/hierarchy/referrals_table.dart';
import 'package:wapas_ui_kit/widgets/reports/mini_transaction_card.dart';
import 'package:wapas_ui_kit/widgets/reports/recent_transaction_table.dart';
import 'package:wapas_ui_kit/widgets/reports/report_balance_chart.dart';
import 'package:wapas_ui_kit/widgets/reports/report_chart.dart';
import 'package:wapas_ui_kit/widgets/balance/balance_chart.dart';

// TODO : 添加您的凭证
const applicationId = "";
const clientId = "";
const clientSecret = "";
const version = "";

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> {
  String _platformVersion = '未知';
  final _wapasUiKitPlugin = WapasUiKit();

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

  initWapas() async {
    try {
      await _wapasUiKitPlugin.initWapas(
        applicationId,
        clientId,
        clientSecret,
        version,
      ); // 初始化库
    } on PlatformException {
      // 记录异常并报告至 studio@gameolive.com
    }
  }

  // 平台消息异步处理，因此我们在异步方法中初始化
  Future<void> initPlatformState() async {
    String platformVersion;
    // 平台消息可能失败，所以我们使用 try/catch 来处理 PlatformException。
    // 我们还处理消息可能返回 null 的情况。
    try {
      platformVersion = await _wapasUiKitPlugin.getPlatformVersion() ?? '未知平台版本';
    } on PlatformException {
      platformVersion = '获取平台版本失败。';
    }

    // 如果小部件从树中被移除时异步平台消息还在飞行中，我们希望丢弃回复而不是调用
    // setState 来更新我们的不存在的外观。
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('插件示例应用'),
        ),
        body: Center(
          child: AchievementPopup(userId: "NPULO3"),
        ),
      ),
    );
  }
}

// 示例用法
/*
BalancesChart(
  userId: "660a7bf84dbc9d6090cd6226",
  currency: "INR",
  amountType: "amount",
  transactionTypes: ["Assets", "Income", "AMOUNT"],
),

// TODO : 测试为什么给出 404 错误
BalancesReportChart(
  userId: "660a7bf84dbc9d6090cd6226",
  currency: "INR",
  startDate: DateTime.parse("2024-04-01"),
  endDate: DateTime.parse("2024-04-31"),
  reportKey: "",
),

AchievementPopup(userId: "II-1234")
AchievementPopup(userId: "NPULO3")

ReferralsTable(userId: "II-1234"),
*/