class _DemoPageState extends State<DemoPage> { double paddingValue = 10.0; @override Widget build(BuildContext context) { return Column( children: [ Container( width: 300.0, height: 300.0, color: Colors.red, //带动画的内边距 child: AnimatedPadding( //均衡的内边距 padding: EdgeInsets.symmetric( //水平垂直间距 horizontal: paddingValue, vertical: paddingValue), duration: Duration(milliseconds: 10000), //动画效果 curve: Curves.easeInOut, child: Container( height: 200.0, width: 200.0, color: Colors.green, ), ), ), RaisedButton( child: Text('增加'), onPressed: () { setState(() { paddingValue = 100.0; }); }, ) ], ); } }
Flutter笔记50: AnimatedPadding组件
AnimatedPadding组件,顾名思义:带动画的padding: