Flutter - bodyに複数のウェジェットを表示する - 昨日と今日の間

Flutter – bodyに複数のウェジェットを表示する

Flutter

この記事の目次

Column

縦方向に複数のウェジェットを並べて表示

Row

横方向に複数のウェジェットを並べて表示

Stack

複数のウェジェットを重ねて表示


      body: Column(
        mainAxisAlignment: MainAxisAlignment.start, // ここで配置の仕方を定義
        children: [
          Row(
            children: const [
              Icon(Icons.notifications_outlined),
              Text('お知らせ', style: TextStyle(fontSize: 15)),
            ],
          ),
          Column(
            children: const [
              ListTile(
                title: Text('お知らせ 1'),
              ),
              ListTile(
                title: Text('お知らせ 2'),
              ),
              ListTile(
                title: Text('お知らせ 3'),
              )
            ],
          ),
        ],
      ),

カテゴリー

Copyright © 昨日と今日の間 All Rights Reserved.