Flutter-最簡單的 SizedBox 使用範例

背景知識

有使用到 Container 與 Center 可參考Flutter-最簡單的 Container 使用範例 、 Flutter-最簡單的 Center 使用範例

官方說明頁面

本文 source code

介紹內容

有時我們需要一個已知寬高的物件，直接放置在畫面上，這時我們可以使用 SizedBox ， Flutter 使用 SizedBox 快速建立指定的寬高 widget 、 為了使寬高生效，使用 Center 當作最簡單的約束條件，並加入一個 Container 並指定顏色來看效果

Center(
      child: SizedBox(
          width: 100.0,
          height: 100.0,
          child: Container(
            color: Colors.indigoAccent,
          )),
    );