Flutter工具集插件z_tools的使用

Flutter工具集插件z_tools的使用

介绍

集成了一些通用的 Flutter 工程使用的工具。包括计算 widget size，一些有用的扩展，如 Map.forceConvertMap，List.tryGet 和 String.isSafeEmpty。 还包括 base64 编解码。

Integrates some common tools used by flutter projects. Including computing widget size, some useful extensions like `Map.forceConvertMap`, `List.tryGet` and `String.isSafeEmpty`.
It also includes base64 codec.

计算 widget size

更改主文件

在主函数中使用 runZoned 包裹应用的运行，以便捕获全局异常。

void main() async {
  runZoned(
    () => runApp(
      CalculateWidgetAppContainer(
        child: Center(
          child: LocalizedApp(delegate, MyApp()),
        ),
      ),
    ),
    onError: (Object obj, StackTrace stack) {
      print('global exception: obj = $obj;\nstack = $stack');
    },
  );
}

在函数中使用

使用 getWidgetSize 方法来获取 widget 的大小。

_Cell(
    title: 'cal: Column-min',
    callback: () async {
        Widget widget1 = Column(
        mainAxisSize: MainAxisSize.min,
        children: [
            Container(
            width: 100,
            height: 30,
            color: Colors.blue,
            ),
            Container(
            height: 20.0,
            width: 30,
            ),
            Text('111'),
        ],
        );
        // size = Size(100.0, 66.0)
        print('size = ${await getWidgetSize(widget1)}');
    },
),

示例代码

以下是一个完整的示例代码，展示了如何在 Flutter 应用中使用 z_tools 插件。

import 'package:flutter/material.dart';
import 'package:z_tools/z_tools.dart'; // 引入 z_tools 包

void main() async {
  runZoned(
    () => runApp(MyApp()),
    onError: (Object obj, StackTrace stack) {
      print('global exception: obj = $obj;\nstack = $stack');
    },
  );
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
            ElevatedButton(
              onPressed: () async {
                // 创建一个简单的 widget
                Widget widget1 = Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Container(
                      width: 100,
                      height: 30,
                      color: Colors.blue,
                    ),
                    Container(
                      height: 20.0,
                      width: 30,
                    ),
                    Text('111'),
                  ],
                );
                // 获取 widget 的大小
                Size size = await getWidgetSize(widget1);
                print('size = $size');
              },
              child: Text('Calculate Widget Size'),
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}