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


相关推荐
catoop1 小时前
Android 最佳实践、分层架构与全流程解析(2025)
android
ZHANG13HAO1 小时前
Android 13 特权应用(Android Studio 开发)调用 AOSP 隐藏 API 完整教程
android·ide·android studio
田梓燊2 小时前
leetcode 142
android·java·leetcode
angerdream2 小时前
Android手把手编写儿童手机远程监控App之JAVA基础
android
念格2 小时前
Flutter 仿微信输入框最佳实践:自适应高度 + 超行数智能切换全屏
前端·flutter
菠萝地亚狂想曲2 小时前
Zephyr_01, environment
android·java·javascript
sTone873753 小时前
跨端框架通信机制全解析:从 URL Schema 到 JSI 到 Platform Channel
android·前端
sTone873753 小时前
Java 注解完全指南:从 "这是什么" 到 "自己写一个"
android·前端
程序员老刘3 小时前
《Flutter跨平台开发核心技巧与应用》新书来了
flutter·ai编程·客户端
catoop3 小时前
Kotlin 协程在 Android 开发中的应用:定义、优势与对比
android·kotlin