f_shake_animation_widget

原作者: https://pub.dev/packages/shake_animation_widget

Getting Started

shake_animation_widget 空安全版本

抖动Widget: ShakeAnimationWidget

/// 抖动动画控制器
final ShakeAnimationController _shakeAnimationController =
    ShakeAnimationController();

/// 构建抖动效果
ShakeAnimationWidget buildShakeAnimationWidget() {
  return ShakeAnimationWidget(
    // 抖动控制器
    shakeAnimationController: _shakeAnimationController,
    // 微旋转的抖动
    shakeAnimationType: ShakeAnimationType.skew,
    // 设置不开启抖动
    isForward: false,
    // 默认为 0 无限执行
    shakeCount: 0,
    // 抖动的幅度 取值范围为[0,1]
    shakeRange: 0.2,
    // 执行抖动动画的子Widget
    child: ElevatedButton(
      child: const Text(
        '测试',
        style: TextStyle(color: Colors.white),
      ),
      onPressed: () {
        // 判断抖动动画是否正在执行
        if (_shakeAnimationController.animationRunning) {
          // 停止抖动动画
          _shakeAnimationController.stop();
        } else {
          // 开启抖动动画
          // 参数shakeCount 用来配置抖动次数
          // 通过 controller start 方法默认为 1
          _shakeAnimationController.start(shakeCount: 1);
        }
      },
    ),
  );
}

仿开源中国自定义底部菜单

buildBottomRoundFlowMenu() {
  return BottomRoundFlowMenu(
    // 子菜单按钮选项
    iconList: iconList,
    // 子菜单按钮的点击事件回调
    clickCallback: (int index) {
      print("点击了按钮$index");
    },
  );
}

动画按钮

/// 抖动动画控制器
final ShakeAnimationController _shakeAnimationController =
    ShakeAnimationController();

/// 构建抖动效果
ShakeAnimationWidget buildShakeAnimationWidget() {
  return ShakeAnimationWidget(
    // 抖动控制器
    shakeAnimationController: _shakeAnimationController,
    // 微旋转的抖动
    shakeAnimationType: ShakeAnimationType.skew,
    // 设置不开启抖动
    isForward: false,
    // 默认为 0 无限执行
    shakeCount: 0,
    // 抖动的幅度 取值范围为[0,1]
    shakeRange: 0.2,
    // 执行抖动动画的子Widget
    child: ElevatedButton(
      child: const Text(
        '测试',
        style: TextStyle(color: Colors.white),
      ),
      onPressed: () {
        // 判断抖动动画是否正在执行
        if (_shakeAnimationController.animationRunning) {
          // 停止抖动动画
          _shakeAnimationController.stop();
        } else {
          // 开启抖动动画
          // 参数shakeCount 用来配置抖动次数
          // 通过 controller start 方法默认为 1
          _shakeAnimationController.start(shakeCount: 1);
        }
      },
    ),
  );
}

垂直向上弹出菜单

/// 垂直向上弹出菜单
buildRoteFloatingButton() {
  return RoteFloatingButton(
    // 子菜单按钮选项
    iconList: iconList,
    // 子菜单按钮的点击事件回调
    clickCallback: (int index) {
      print("点击了按钮$index");
    },
  );
}

Libraries

f_shake_animation_widget