Flutter | 图片渐淡切换动画
AnimatedCrossFade
一个widget包含两个child,在两个孩子之间交叉淡入,并同时调整他们的尺寸, firstChild 在一定时间逐渐变成 secondChild
例子:
GestureDetector( behavior: HitTestBehavior.opaque, child: Container( padding: EdgeInsets.only(left: 3), child: AnimatedCrossFade( firstChild: Image.assets("eye_hide.png", width: 16, height: 16, fit: BoxFit.contain), secondChild: Image.assets("eye_open.png", width: 16, height: 16, fit: BoxFit.contain), crossFadeState: isShowMoney? CrossFadeState.showSecond:CrossFadeState.showFirst, duration: Duration(milliseconds: 500), )), onTap: () => isShowMoney = !isShowMoney, ),