3️⃣

Flutterで3点リーダーのiconを表示したい!

2024/02/05に公開

Tips

よくみるiconで、3点リーダーってのありませんか?
編集とか複数のモーダルが出てくるようなiconですね。これは、Material Designだと、more_vertというらしいです!

https://api.flutter.dev/flutter/material/Icons/more_vert-constant.html

Iconならこれ!

Icon(Icons.more_vert),

使う時は、こんな感じで右側に表示か?

child: Card(
    child: ListTile(
      trailing: const Icon(Icons.more_vert),
      onTap: () {
        context.goNamed(
          RouterPath.FEED_DETAIL,
          extra: data[index],
        );
      },
      title: Text(data[index].taskName),
    ),
  ),

まとめ

今回は名前がわからなくて、よく探すiconをご紹介しました。more_vertっていうんですね!
全然覚えてなかった💦

Discussion