この記事の目次
縦方向に複数のウェジェットを並べて表示
横方向に複数のウェジェットを並べて表示
複数のウェジェットを重ねて表示
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'),
)
],
),
],
),