[Flutter]3つのドットのアイコン(icon)を表示するには?

Flutter

どうも、ちょげ(@chogetarou)です。

3つのドットのアイコンを表示する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

横方向

横方向の3つのドットのアイコンを表示するには、Icons.more_horizを使います。

具体的には、Iconウェジェットを配置し、Iconの引数にIcons.more_horizを指定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Icon(Icons.more_horiz),
      ),
    );
  }

縦方向

プログラマー, プログラミング, コード, 仕事, コンピューター

縦方向の3つのドットのアイコンを表示するには、Icons.more_vertを使います。

具体的には、Iconウェジェットを配置し、Iconの引数にIcons.more_vertを指定します。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Icon(Icons.more_vert),
      ),
    );
  }

コメント

タイトルとURLをコピーしました