Flutter基础(前端教程①⑨-margin-padding)
比喻:把框的盒子
把 Container
想象成一个带边框的盒子:
margin
是盒子外面的空白(盒子与周围其他东西的距离)。padding
是盒子里面的空白(盒子边框与内部内容的距离)。
代码示例(带边框更直观):
Container(// 盒子外部的空白(与其他组件的距离)margin: EdgeInsets.all(20), // 盒子内部的空白(边框与文本的距离)padding: EdgeInsets.all(15),// 给盒子加个边框,方便看清decoration: BoxDecoration(border: Border.all(color: Colors.black, width: 2), // 黑色边框color: Colors.yellow, // 盒子背景色),child: Text("我是内部文本"),
)