f_shake_animation_widget

Description:

f shake animation widget

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);
}
},
),
);
}
copied to clipboard
仿开源中国自定义底部菜单 #
buildBottomRoundFlowMenu() {
return BottomRoundFlowMenu(
// 子菜单按钮选项
iconList: iconList,
// 子菜单按钮的点击事件回调
clickCallback: (int index) {
print("点击了按钮$index");
},
);
}
copied to clipboard
动画按钮 #
/// 抖动动画控制器
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);
}
},
),
);
}
copied to clipboard
垂直向上弹出菜单 #
/// 垂直向上弹出菜单
buildRoteFloatingButton() {
return RoteFloatingButton(
// 子菜单按钮选项
iconList: iconList,
// 子菜单按钮的点击事件回调
clickCallback: (int index) {
print("点击了按钮$index");
},
);
}
copied to clipboard