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
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。