【Flutter】Tableのカラムが高くなった時に、色が全内に塗れない問題の解決

ここにテーブルがあります。

417

幅を狭めてみます。

417

隙間ができました！

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),
      ),
    ),
　　…

file

できました！

417

2021年12月18日Flutter開発で知らないと損すること

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル