// 默认top为10,点击后修改为100,此时方块会向下移动
padding: EdgeInsets.fromLTRB(left, top, right, bottom),
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),
),
);
}
}
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » Flutter:AnimatedPadding动态修改padding
发表评论 取消回复