Flutter插件ig_module_flutter的用途

Flutter插件ig_module_flutter的用途

ig_module_flutter 是一个用于Itgee Corporation的模块化框架。该插件提供了多种组件、输入框、布局管理器、文本处理工具、插件以及实用工具。以下是对这些功能的详细介绍及其潜在用途。

Flutter插件ig_module_flutter的特性

• 组件

  • 图表
    • MGaugeGraph: 用于显示线性仪表盘。
    • MGaugeGraphRound: 用于显示圆形仪表盘。
  • 输入
    • MTextField: 自定义的文本输入框。
  • 布局
    • MLayoutFix: 固定布局。
    • MLayoutScroll: 可滚动布局。
  • 文本
    • MCountUp: 数字计数动画。
    • MTemplateText: 模板化的文本显示。

• 插件

  • MGps: GPS定位插件。
  • MSound: 音频播放插件。

• 实用工具

  • MDeviceInfo: 设备信息获取工具。
  • MUtil: 其他实用工具。

使用指南

在使用 ig_module_flutter 之前，首先需要将其添加到项目的依赖项中。然后可以通过导入相应的库来使用这些功能。

import 'package:ig_module_flutter/ig_module_flutter.dart';

示例代码

以下是一个简单的示例代码，展示了如何使用 ig_module_flutter 中的一些功能。本示例创建了一个包含不同组件和页面的应用程序。

import 'dart:developer';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';
import 'package:ig_module_flutter/ig_module_flutter.dart';
import 'package:ig_module_flutter_example/config/config.dart';
import 'package:ig_module_flutter_example/page/error.dart';
import 'package:ig_module_flutter_example/page/loading.dart';
import 'package:ig_module_flutter_example/page/main.dart';

// 主函数
Future<void> main() async {
  runApp(const Main());
}

class Main extends StatelessWidget {
  const Main({
    super.key,
  });

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MApplication(
      option: MApplicationOption(
        applicationName: "example",
        environment: "local-dev",
        configPath: "asset/config",
        plugin: MApplicationPluginOption(
          grpcClient: true,
          gps: true,
          sound: true,
        ),
      ),
      configLoader: ConfigWrap().load,
      pages: (appContext) => [
        GetPage(
          name: "/",
          page: () => MainPage(
            appContext: appContext,
          ),
        ),
      ],
      loadingPage: (appContext) => LoadingPage(appContext: appContext),
      errorPage: (appContext) => ErrorPage(appContext: appContext),
      initialRoute: (appContext) async {
        return "/";
      },
      initState: () {
        SystemChrome.setSystemUIOverlayStyle(
          const SystemUiOverlayStyle(
            statusBarColor: Colors.black,
            statusBarIconBrightness: Brightness.light,
          ),
        );
      },
      setup: (appContext) async {
        final exampleConfig = config;
        log(exampleConfig!.applicationConfig.environmentConfig.environment.toString());

        // 模拟加载延迟
        await Future.delayed(const Duration(seconds: 1));
      },
    );
  }
}