加载图标按钮

带卡片 不带卡片

安装

将此添加到您的pubspec.yaml

dependencies:
    loading_icon_button: ^0.0.3

用法

导入

import 'package:loading_icon_button/loading_icon_button.dart';

简单实现

 final LoadingButtonController _btnController = LoadingButtonController();

  void buttonPressed() async {
    Future.delayed(const Duration(seconds: 1), () {
      _btnController.success();
      Future.delayed(const Duration(seconds: 1), () {
        _btnController.reset();
      });
    });
  }

  LoadingButton(
    child: const Text('Login with Apple'),
    iconData: PhosphorIcons.appleLogo,
    onPressed: () => buttonPressed(),
    controller: _btnController,
  );

IconLoadingButton 的属性

  • duration – 按钮动画的时长
  • loaderSize – CircularProgressIndicator 的大小
  • animateOnTap – 点击事件是否触发加载动画
  • resetAfterDuration – 在指定时长后重置动画，默认为 15 秒
  • errorColor – 按钮处于错误状态时的颜色
  • successColor – 按钮处于成功状态时的颜色
  • successIcon – 成功状态的图标
  • failedIcon – 失败状态的图标
  • iconColor – 按钮的图标颜色
  • showBox – 盒子的可见性（卡片）

贡献

欢迎所有贡献！

感谢

RoundedLoadingButton rounded_loading_button https://pub.dev/packages/rounded_loading_button

IconLoadingButton icon_loading_button https://pub.dev/packages/icon_loading_button

GitHub

查看 Github