AnimatedAlign

Flutter 1.26.0-1.0.pre ,Dart 2.12.0 (build 2.12.0-141.0.dev)
简述:Align的动画版本,在给定的时间内,当alignment发生变flutter中文官网化时,主动转换子部件的方位flutter怎样读音发音

Flutter高仿抖音

特点 释义
alignment → AlignmentGeometry 对齐方flutter怎样读音发音
child → Widget? 子部件
curve → Curve 动画曲线,默许是Curvesflutter中文官网.linear
duration → Duration 动画执行时间
heightFactor → double? 与Align用法相同,在AnimatedAlign父部件高度不指定的情况下起作用,AnimatedAlign宫颈癌高度为AnimatedAlign子部件的高度乘以heightFactor
widthFactor → double? 与Align用法龚俊相同,在AnimatedAlign父部件高度不指定的情况下起作用,Aflutter结构优缺点nimatedAlign宽度为AnimatedAlign子部件的高度乘以widthFactor
onEnd → VoidCallflutteredback? 动画完毕时的回调

示例1 基本运公积金

Center(
chi龚俊ld: Container(
color: Color枸杞s.red,
width: 200,
height: 200,
child: AnimatedAlign(
alignment: _selected ? Alignflutter结构ment.topRight:Alignment.bottomLeft,
duration: Duration(seconds: 1),
child: FlutterLoGogo(size: 50,),
onEnd: (flutter是什么意思){
showToast('动画完毕');
},
),
),
);

Flutter小部件之AnimatedAlign

示例2 动画曲线动画Go

Center(
child: Container(
color: CoFlutterlors.red,
width: 200,
height: 200,
child: AnimatedAlign(
alignment: _selected ? Alignment.topRight:Alignment.bottomLeft,
duration: Duration(seflutter是什么意思conds: 1),
curve: Curves.bounceOut,
child: FlutterLogo宫崎骏(size: 50,),
onEnd: (){
showToast('动画完毕');
},
),
),
);

Flutter小部件之AnimatedAlign

Curves动画曲线有很多种,

Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign
Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign Flutter小部件之AnimatedAlign