Flutter实用工具插件tang_util的使用

Flutter实用工具插件tang_util的使用

tang_util 是一个包含多种实用工具方法的 Flutter 插件。它提供了以下功能：

• 常见方法通道 封装
• 事件总线 封装
• 导航器 封装
• Toast 工具
• 通用工具 工具

安装

首先，在你的 pubspec.yaml 文件中添加 tang_util 依赖：

dependencies:
  tang_util: ^1.0.0

然后运行 flutter pub get 命令来安装该依赖。

使用示例

常见方法通道封装

common method channel 封装可以帮助你在 Dart 和原生代码之间进行通信。例如，你可以从 Dart 调用原生代码来获取设备信息。

import 'package:tang_util/tang_util.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('tang_util Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              String deviceInfo = await TangUtil.methodChannel.getDeviceInfo();
              print('Device Info: $deviceInfo');
            },
            child: Text('Get Device Info'),
          ),
        ),
      ),
    );
  }
}

事件总线封装

event bus 封装可以帮助你管理应用内的事件通信。例如，当用户点击按钮时，可以在其他地方监听到这个事件并执行相应的操作。

import 'package:tang_util/tang_util.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('tang_util Example')),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              ElevatedButton(
                onPressed: () {
                  TangUtil.eventBus.fire(Event('Hello, EventBus!'));
                },
                child: Text('Fire Event'),
              ),
              SizedBox(height: 20),
              ElevatedButton(
                onPressed: () {
                  TangUtil.eventBus.on<Event>().listen((event) {
                    print(event.data);
                  });
                },
                child: Text('Listen to Event'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

class Event {
  final String data;
  Event(this.data);
}

导航器封装

Navigator 封装可以帮助你更方便地管理页面跳转。例如，你可以通过简单的调用来打开新的页面。

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('tang_util Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              TangUtil.navigator.push(context, MaterialPageRoute(builder: (context) => SecondPage()));
            },
            child: Text('Go to Second Page'),
          ),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Second Page')),
      body: Center(child: Text('This is the second page.')),
    );
  }
}

Toast 工具

Toast 工具可以帮助你在屏幕上显示短暂的消息提示。例如，当你成功登录时，可以显示一个短暂的提示消息。

import 'package:tang_util/tang_util.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('tang_util Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              TangUtil.toast.showToast(context, '登录成功！');
            },
            child: Text('Login Success'),
          ),
        ),
      ),
    );
  }
}

通用工具

Common Utils 工具提供了许多常用的辅助方法。例如，你可以使用 isNotEmpty 方法来检查字符串是否为空。

import 'package:tang_util/tang_util.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('tang_util Example')),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              bool result = TangUtil.commonUtils.isNotEmpty('Hello, World!');
              print('Is not empty: $result');
            },
            child: Text('Check if String is Not Empty'),
          ),
        ),
      ),
    );
  }
}