Flutter多功能集成插件easy_everything的使用

Easy Widget

一个全新的Flutter包。

使用入门

由于工作原因，我需要更改一些属性，因此基于rounded_loading_button构建了这个小部件。
我添加了图标、可选的加载小部件、渐变颜色等。
作为一名新手，我非常期待大家的建议，谢谢！
从pub.dev上的一个包获得灵感。
链接到rounded_loading_button: rounded_loading_button。

必要版本

SDK: “>=2.12.0 <3.0.0”

FLUTTER: “>=2.0.0”

示例

这个示例使用了flutter_spinkit包。

class MyExample extends StatelessWidget {
  // 初始化控制器
  final EasyEverythingButtonController controller =
      EasyEverythingButtonController();

  // 动画持续时间
  final duration = 800;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox.expand(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 0),
              child: EasyEverythingButton(
                // 控制器
                controller: controller,
                // 动画时长
                durationAnimation: duration,
                // 加载中的小部件
                widgetLoading: SpinKitSquareCircle(
                  color: Colors.white,
                  size: 20,
                ),
                // 点击事件
                onTap: () async {
                  // 开始加载动画
                  controller.start();
                  // 模拟网络请求
                  await fetchData();
                  // 成功回调
                  controller.success();
                  // 延迟一段时间后停止动画
                  await Future.delayed(Duration(milliseconds: duration));
                  controller.stop();
                },
                // 右侧图标
                iconRight: Icons.ac_unit,
                // 左侧图标
                iconLeft: Icons.add,
              ),
            )
          ],
        ),
      ),
    );
  }

  Future<void> fetchData() async {
    // 模拟网络请求延迟
    await Future.delayed(Duration(seconds: 2));
    return;
  }
}

完整示例代码

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

import 'package:flutter/material.dart';
import 'package:easy_everything/easy_everything.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';

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

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

class MyExample extends StatelessWidget {
  final EasyEverythingButtonController controller =
      EasyEverythingButtonController();

  final duration = 800;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox.expand(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 0),
              child: EasyEverythingButton(
                controller: controller,
                durationAnimation: duration,
                widgetLoading: SpinKitSquareCircle(
                  color: Colors.white,
                  size: 20,
                ),
                onTap: () async {
                  controller.start();
                  await fetchData();
                  controller.success();
                  await Future.delayed(Duration(milliseconds: duration));
                  controller.stop();
                },
                iconRight: Icons.ac_unit,
                iconLeft: Icons.add,
              ),
            )
          ],
        ),
      ),
    );
  }

  Future<void> fetchData() async {
    await Future.delayed(Duration(seconds: 2));
    return;
  }
}