ここにテーブルがあります。
417
![file](https://417.run/wp-content/uploads/2023/03/image-1678086421093.png)
幅を狭めてみます。
417
![file](https://417.run/wp-content/uploads/2023/03/image-1678086405511.png)
隙間ができました!
417
これを解決するには
TableCell
とTableCellVerticalAlignment.fill
を使います417
TableRow(
children: [
Container(
constraints: const BoxConstraints(minWidth: 150, maxWidth: 150),
width: MediaQuery.of(context).size.width * 0.3,
padding: EdgeInsets.all(10),
child: Text(label),
color: Color.fromARGB(31, 153, 153, 153),
),
…
改善したソースコード
TableRow(
children: [
TableCell(
verticalAlignment: TableCellVerticalAlignment.fill,
child: Container(
constraints: const BoxConstraints(minWidth: 150, maxWidth: 150),
width: MediaQuery.of(context).size.width * 0.3,
padding: EdgeInsets.all(10),
child: Text(label),
color: Color.fromARGB(31, 153, 153, 153),
),
),
…
できました!
417
![Flutter開発で知らないと損すること](https://417.run/wp-content/uploads/2021/12/image-1639790999665.png)