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


相关推荐
157092511348 小时前
Android进阶之光:HTTP协议原理深度解析
android·网络协议·http
终端安全笔记9 小时前
安卓五品牌通道差在哪:监管通道拆解
android
v_348360876210 小时前
Android native端 堆栈打印
android·算法
一笑的小酒馆10 小时前
AndroidKMP之导航和WebView
android
2501_9327502613 小时前
Android BottomNavigationView 入门介绍
android
Godikov15 小时前
硬件异步事件下的业务一致性:智能柜领取/归还流程的竞态设计
android
Godikov15 小时前
不用 Netty:Android 手写 TCP 客户端实战——自定义协议帧、粘包处理与可靠重连
android
事圆则缓15 小时前
Java 面向对象如何落到 Android View 体系
android
iPad协议个微协议16 小时前
# 微信自动营销系统如何基于 WechatApi 做事件驱动设计
android·微信·企业微信·个人开发·wechatapi·微信个人号开发
AirDroid_cn17 小时前
隐私沙盒:第三方应用读取剪切板内容如何拦截?
android·gitee