【Flutter】trailingにRowを入れたらエラーになった………

Flutter

ウィジェット(ListTileなど)のtrailingにボタン2つ並べよ〜とRowを入れたら、まさかのエラーでした。。。
こちらの記事では、代替案をご紹介します。

Rowではなく、Wrap!

Rowで横並びにしようとしていたところを、Wrapというウィジェットに変更するだけでエラーなく表示されます!

NG例(Rowで囲んでいる)

ListTile(
  title: Text('Rowを入れるとエラー'),
  trailing: Row(
    children: [
      IconButton(
        icon: Icon(Icons.edit),
        onPressed: () {},
      ),
      IconButton(
        icon: Icon(Icons.delete),
        onPressed: () {},
      ),
    ],
  ),
),

OK例(Wrapで囲んでいる)

ListTile(
  title: Text('Wrapで囲めばOK!'),
  trailing: Wrap(
    children: [
      IconButton(
        icon: Icon(Icons.edit),
        onPressed: () {},
      ),
      IconButton(
        icon: Icon(Icons.delete),
        onPressed: () {},
      ),
    ],
  ),
),
タイトルとURLをコピーしました