• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Flutter 组件之 AnimatedAlign

Flutter cps12345 3天前 12次浏览 0个评论

AnimatedAlign

AnimatedAlign组件方便我们构建位置动画,基本用法如下:

var _alignment = Alignment.topLeft;


  Widget build(BuildContext context) {
    return Container(
      width: 200,
      height: 200,
      color: Colors.lightBlue,
      child: AnimatedAlign(
        alignment: _alignment,
        duration: Duration(seconds: 2),
        child: IconButton(
          icon: Icon(Icons.print,color:Colors.red,size: 30,),
          onPressed: (){
            setState(() {
              _alignment = Alignment.bottomRight;
            });
          },
        ),
      ),
    );
  }

效果如下:

Flutter 组件之 AnimatedAlign

我们还可以通过curve设置动画曲线,用法如下:

AnimatedAlign(
  curve: Curves.bounceInOut,
  ...
)

onEnd是动画执行结束回调,用法如下:

AnimatedAlign(
  onEnd: (){
    print('onEnd');
  },
  ...
)
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址