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("我是内部文本"),
)

你可能感兴趣的:(Flutter,前端)