Flutter:AnimatedPadding动态修改padding

html 复制代码
// 默认top为10,点击后修改为100,此时方块会向下移动
padding: EdgeInsets.fromLTRB(left, top, right, bottom),
js 复制代码
class _MyHomePageState extends State<MyHomePage> {
  bool flag = true;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('标题'),
      ),
      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: const Icon(Icons.add),
      ),
    );
  }
}


相关推荐
zzb158010 分钟前
Fragment 生命周期深度图解:从 onAttach 到 onDetach 完整流程(面试必备)
android·java·面试·安卓
众少成多积小致巨15 分钟前
Android 源码查看笔记
android·源码
angerdream19 分钟前
Android手把手编写儿童手机远程监控App之前台服务
android
程序员老刘26 分钟前
跨平台开发地图:四月风暴前夕,你该怎么选?| 2026年4月
flutter·ai编程·客户端
MakeZero1 小时前
Flutter那些事-PageView
flutter
敲代码的瓦龙2 小时前
Android?Activity!!!
android
Lanren的编程日记4 小时前
Flutter鸿蒙应用开发:数据加密功能实现实战,全方位保护用户隐私数据
flutter·华为·harmonyos
重生之我在安卓搞音频4 小时前
二、Android 音频框架
android·音视频
studyForMokey4 小时前
【Android面试】Java专题 todo
android·java·面试
代码改善世界4 小时前
【MATLAB初阶】矩阵操作(二):矩阵的运算
android·matlab·矩阵