[Flutter]検索のアイコン(Icon)を表示するには？

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

検索のアイコンを表示する方法を紹介します。

方法

検索のアイコンを表示するには、Icons.searchを使います。

具体的な方法としては、Iconウェジェットを配置し、その引数に「Icons.search」を指定します。

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

また、検索のアイコンは、Icons.searchの後ろにアンダーライン(_)と単語がついているものでも表示できます。

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

[Flutter]Iconの形を指定するには？

Iconの形を指定する方法を紹介します。

www.choge-blog.com

2021.11.08

[Flutter]Drawerのアイコン(icon)の色を変えるには？

Drawerのアイコンの色を変える方法を紹介します。

www.choge-blog.com

2021.11.08

[Flutter]Tabのアイコン(Icon)を左に表示するには？

Tabのアイコンを左に表示する方法を紹介します。

www.choge-blog.com

2021.11.07