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,
                    ),

 




posted @ 2020-08-28 17:14  pirigg  阅读(629)  评论(0编辑  收藏  举报