[Day6] Flutter - 置中容器 ( Center ) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2021 iThome 鐵人賽

DAY 6

Mobile Development

30天 - Flutter 日常系列第 6 篇

[Day6] Flutter - 置中容器 ( Center )

13th鐵人賽 #flutter

魚板伯爵

2021-09-06 00:18:35

997 瀏覽

前言

Hi, 我是魚板伯爵今天要教大家 Center 這個元件，教學內容只會擷取片段程式碼，建議大家搭配完整程式碼來練習。

完整程式碼

Center 容器

想讓元件置中的話，可以使用 Center。

class DemoCenter extends StatelessWidget {
  const DemoCenter({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: 100,
        height: 100,
        color: Colors.amber,
      ),
    );
  }
}