好的，以下是根据您的要求编写的关于“Flutter工具集插件utils_package的功能使用”的内容，并且包含了完整的示例Demo。请注意，示例代码保持原样，只有文本部分进行了翻译。

Flutter工具集插件utils_package的功能使用 #

功能 #

• 路由导航的简洁方法（push, pop, pushToFirst, popTill）
• SizedBox 的便捷方法（高度和宽度）
• 与 flutter_easyloading 包集成的加载指示器
• 格式化的JSON打印

更新日志 #

版本 0.0.2 #

• 为 MediaQuery 添加了扩展方法

版本 0.0.3 #

• 对代码进行了小修改

版本 0.0.4 #

• 在加载指示器方法中进行了一些小的更改

版本 0.0.5 #

• 为辅助方法和函数添加了适当的文档
• 将高度和宽度方法转换为无状态小部件

版本 0.0.6 #

• 修复了宽度小部件的问题
• 为 push 方法添加了平台检查以传递正确的页面路由

版本 0.0.7 #

• 使加载标题可选

版本 0.0.8 #

• 修复了一个问题，即主要颜色未正确反映

版本 0.0.9 #

• 更新文档

示例代码

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

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

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

class _HomeScreenState extends State<HomeScreen> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Utils Package Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            // 使用便捷的SizedBox高度和宽度方法
            SizedBoxHeight(width: 200, height: 50),
            SizedBoxWidth(width: 100),

            // 使用便捷的路由导航方法
            ElevatedButton(
              onPressed: () {
                NavigatorUtils.push(context, NextScreen());
              },
              child: Text('Push Next Screen'),
            ),

            // 使用加载指示器
            ElevatedButton(
              onPressed: () {
                NavigatorUtils.showLoading(context);
                Future.delayed(Duration(seconds: 2), () {
                  NavigatorUtils.hideLoading(context);
                });
              },
              child: Text('Show Loading Indicator'),
            ),
            
            // 格式化JSON打印
            ElevatedButton(
              onPressed: () {
                printJson(data: {"key": "value"});
              },
              child: Text('Print Formatted JSON'),
            ),
          ],
        ),
      ),
    );
  }
}

class NextScreen extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Next Screen'),
      ),
      body: Center(
        child: Text('This is the next screen.'),
      ),
    );
  }
}