Flutter基础（前端教程①⑨-margin-padding）

0wioiw02025-07-25 19:59

比喻：把框的盒子

把 Container 想象成一个带边框的盒子：

margin 是盒子外面的空白（盒子与周围其他东西的距离）。
padding 是盒子里面的空白（盒子边框与内部内容的距离）。

代码示例（带边框更直观）：

Dart 复制代码

Container(
  // 盒子外部的空白（与其他组件的距离）
  margin: EdgeInsets.all(20), 
  // 盒子内部的空白（边框与文本的距离）
  padding: EdgeInsets.all(15),
  // 给盒子加个边框，方便看清
  decoration: BoxDecoration(
    border: Border.all(color: Colors.black, width: 2), // 黑色边框
    color: Colors.yellow, // 盒子背景色
  ),
  child: Text("我是内部文本"),
)