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


相关推荐
三少爷的鞋4 小时前
Kotlin 协程,重点就在「协」这个字上
android·kotlin
好的佩奇4 小时前
Dart 之模式
android·flutter·dart
淡淡的香烟6 小时前
Flutter实现多语言切换
android·flutter·1024程序员节
AIsoft_86898 小时前
手机视频转文字工具清单:哪些APP支持录屏识别
android·音视频
_祝你今天愉快10 小时前
Paint Cavans高级绘制:[一]Paint画笔高级应用
android
事圆则缓11 小时前
从零搭建一套 Flutter 架构:先跑通数据流
flutter
@zulnger11 小时前
安卓进行稳定性测试
android·appium·1024程序员节
不吃凉粉12 小时前
android 副屏连接
android
OxYGC13 小时前
手机为什么能“自动跳过“开屏广告?李跳跳、GKD 与 iOS 代理软件原理盘点
android·ios·开屏广告·广告屏蔽
Android-Flutter21 小时前
Compose 管理状态 详解
android·compose