Flutter　Iconウェジェットの色を変えるサンプル

2023年10月16日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Icon(
  Icons.flutter_dash,
  color: /*色*/,
),

Iconウェジェットの色を設定するには、引数「color」を使います。
引数「color」に設定したい色を、Colorsで指定します。

使用例

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Icon(
            Icons.flutter_dash,
            color: Colors.green,
            size: 150,
          ),
          Icon(
            Icons.flutter_dash,
            color: Colors.yellow,
            size: 150,
          ),
        ],
      ),
    ),
  );
}