0


Flutter:AnimatedPadding动态修改padding

// 默认top为10,点击后修改为100,此时方块会向下移动
padding: EdgeInsets.fromLTRB(left, top, right, bottom),
class_MyHomePageStateextendsState<MyHomePage>{
  bool flag =true;
  @override
  Widget build(BuildContext context){returnScaffold(
      appBar:AppBar(
        title:constText('标题'),),
      body:AnimatedPadding(
        curve: Curves.easeIn,// 动画属性
        duration:Duration(milliseconds:500),// 默认
        padding: EdgeInsets.fromLTRB(10, flag ?10:100,0,0),
        child:Container(
          width:100,
          height:100,
          color: Colors.red,),),
      floatingActionButton:FloatingActionButton(
        onPressed:(){
          flag =!flag;setState((){});},
        child:constIcon(Icons.add),),);}}

在这里插入图片描述
在这里插入图片描述

标签: flutter android

本文转载自: https://blog.csdn.net/qq_40745143/article/details/143903622
版权归原作者 sunly_ 所有, 如有侵权,请联系我们删除。

“Flutter:AnimatedPadding动态修改padding”的评论:

还没有评论