【Flutter】ListTileを角丸にする

こんにちは。
今回は、ListTileを角丸にする方法を紹介します。

方法

ListTileを角丸にするには、引数「shape」を使います。
LisTileの引数「shape」にRoundedRectangleBorderを指定します。
RoundedRectangleBorderの引数「borderRadius」に角の丸みを指定します。
BorderRadiusクラスを使って角の丸みを指定します。

使用例

 ListTile(
            title: const Text('title'),
            leading: const Icon(Icons.account_circle),
            trailing: const Icon(Icons.heart_broken),
            tileColor: Colors.red,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(10),
            ),
          )

実行例

最後に

ここまで読んでいただき、ありがとうございました！
いいねしてくれたら、スキップして喜びます