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),
      ),
    );
  }
}


相关推荐
码林鼠34 分钟前
flutter状态管理入门教程-Riverpod
开发语言·javascript·flutter
汪海游龙1 小时前
流式回复结尾的那一下闪:逐帧定位 Compose 聊天列表的三处布局跳动
android·性能优化·kotlin
2501_915909063 小时前
Ipa Guard 防护上架,混淆、重签名和回归测试怎么做
android·ios·小程序·https·uni-app·iphone·webview
码林鼠4 小时前
flutter网络http请求入门教程-dio
网络协议·flutter·http
码点4 小时前
Android ANR 全解析 与 traces 分析实战
android
敲代码的瓦龙5 小时前
Jetpack?lifecycle!!!
android·kotlin
苦瓜花5 小时前
Hilt用使用及原理
android
码林鼠5 小时前
flutter BLoC 单向数据流完整教程
flutter
深度学习04076 小时前
MySQL InnoDB Cluster 部署完整文档
android·mysql·adb
邪修king7 小时前
Re:Linux系统篇(三十七):进程间通信Chapter4:System V 共享内存深度解析:为什么它是最快的 IPC?
android·linux·运维