Flutter功能增强插件better_app的使用

在Flutter开发中，better_app 是一个非常实用的功能增强插件，它提供了许多通用工具函数，帮助开发者更高效地构建应用。以下是如何使用 better_app 的详细步骤和示例代码。

功能概述

better_app 提供了以下核心功能：

• 工具类（如日期格式化、字符串处理等）。
• UI组件（如加载框、提示框等）。
• 网络请求封装（简化HTTP请求）。

使用步骤

1. 添加依赖

在项目的 pubspec.yaml 文件中添加 better_app 依赖：

dependencies:
  better_app: ^1.0.0

然后执行以下命令安装依赖：

flutter pub get

2. 初始化插件

在 main.dart 文件中初始化 better_app 插件：

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

void main() {
  // 初始化BetterApp插件
  BetterApp.init();

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Better App Example',
      home: HomePage(),
    );
  }
}

3. 示例代码

（1）日期格式化

使用 BetterApp 提供的工具类对日期进行格式化：

import 'package:better_app/utils/date_utils.dart';

void formatDateExample() {
  final date = DateTime.now();
  final formattedDate = DateUtils.formatDate(date, format: "yyyy-MM-dd HH:mm:ss");
  print(formattedDate); // 输出类似 "2023-10-05 14:30:00"
}

（2）加载框

使用 BetterApp 提供的加载框组件：

import 'package:better_app/widgets/loading_dialog.dart';

void showLoadingDialogExample() async {
  showDialog(
    context: context,
    barrierDismissible: false,
    builder: (context) => LoadingDialog(
      message: "正在加载数据，请稍候...",
    ),
  );

  // 模拟网络请求延迟
  await Future.delayed(Duration(seconds: 3));

  Navigator.pop(context); // 关闭加载框
}

（3）提示框

使用 BetterApp 提供的提示框组件：

import 'package:better_app/widgets/alert_dialog.dart';

void showAlertDialogExample() {
  BetterApp.showAlertDialog(
    context: context,
    title: "提示",
    content: "是否确认提交？",
    actions: [
      TextButton(
        onPressed: () {
          Navigator.pop(context); // 取消操作
        },
        child: Text("取消"),
      ),
      TextButton(
        onPressed: () {
          Navigator.pop(context); // 确认操作
        },
        child: Text("确定"),
      ),
    ],
  );
}

完整示例代码

以下是一个完整的示例代码，展示如何结合 better_app 插件实现日期格式化、加载框和提示框的功能：

import 'package:flutter/material.dart';
import 'package:better_app/better_app.dart';
import 'package:better_app/utils/date_utils.dart';
import 'package:better_app/widgets/loading_dialog.dart';
import 'package:better_app/widgets/alert_dialog.dart';

void main() {
  BetterApp.init(); // 初始化BetterApp插件
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Better App Example',
      home: HomePage(),
    );
  }
}

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

class _HomePageState extends State<HomePage> {
  String _formattedDate = "";

  void _formatDate() {
    final date = DateTime.now();
    setState(() {
      _formattedDate = DateUtils.formatDate(date, format: "yyyy-MM-dd HH:mm:ss");
    });
  }

  void _showLoadingDialog() async {
    showDialog(
      context: context,
      barrierDismissible: false,
      builder: (context) => LoadingDialog(
        message: "正在加载数据，请稍候...",
      ),
    );

    await Future.delayed(Duration(seconds: 3));
    Navigator.pop(context);
  }

  void _showAlertDialog() {
    BetterApp.showAlertDialog(
      context: context,
      title: "提示",
      content: "是否确认提交？",
      actions: [
        TextButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text("取消"),
        ),
        TextButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text("确定"),
        ),
      ],
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Better App Example"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: _formatDate,
              child: Text("格式化当前日期"),
            ),
            SizedBox(height: 20),
            Text(_formattedDate),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _showLoadingDialog,
              child: Text("显示加载框"),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: _showAlertDialog,
              child: Text("显示提示框"),
            ),
          ],
        ),
      ),
    );
  }
}