pub地址 】 【github地址

dependencies:
  toggle_rotate: $lastVersion

一、描述

目标: 让一个组件点击时执行旋转,再点击旋转回去。

最简使用时长、曲线、方向一切组件旋转角度
1.所有属性:
名称类型功能备注默认
raddouble旋转角度弧度制pi / 2
durationMsint动画时长毫秒200
curveCurve动画曲线-Curves.fastOutSlowIn
clockwisebool是否顺时针旋转-true
onTapFunction点击事件@requirednull
childWidget子组件@requirednull

2.最简使用:

ToggleRotate(
  child: Icon(Icons.arrow_upward,size: 60,color: Colors.orangeAccent),
  onTap: () {}, //点击事件
),

3.指定时长和曲线和方向

ToggleRotate(
  curve: Curves.decelerate,
  durationMs: 400,//动画时长
  clockwise: false, //是否是顺时针
  child: Icon(Icons.arrow_upward,size: 60,color: Colors.orangeAccent),
  onTap: () {},
),

4.可使一切组件进行旋转切换

ToggleRotate(
  curve: Curves.decelerate,
  durationMs: 400,
  child: Image(width:60,height: 60,image: AssetImage("assets/images/icon_28.jpg")),
  onTap: () {},
)

5.可使旋转的角度

ToggleRotate(
  rad: pi / 4,
  curve: Curves.linear,
  child: Image(width:60,height: 60,image: AssetImage("assets/images/icon_28.jpg")),
  onTap: () {},
)

Libraries

toggle_rotate