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


相关推荐
zhangphil24 分钟前
Android OAID是什么?有什么功用?
android
LinXunFeng29 分钟前
给 Flutter 插件加上 Swift Package Manager 支持
flutter·swift
Android-Flutter3 小时前
android fragment 使用
android·kotlin
迷茫中的自我3 小时前
KMP全栈开发:从Android到AI Agent的技术演进与实践
android·人工智能
随遇丿而安3 小时前
第13周:页面状态保存 + 数据恢复优化
android
万事可爱^4 小时前
Claude 新发布的 Opus 5,系统提示语删了 80%,半价还能逼近 Fable 5
android·服务器·数据库·人工智能·claude
alexhilton4 小时前
响应式的Android身份验证架构
android·kotlin·android jetpack
喵都学不动了5 小时前
Android 自动化测试完全指南(新人版)
android
码云骑士6 小时前
76-全量微调vs-LoRA-vs-QLoRA-三种微调方式对比与选型
android
光头闪亮亮6 小时前
Fyne ( go跨平台GUI )项目实战-WebView 组件开发技术详解
android·go