flutter

【Flutter】Iconの色を変える

結論

IconのColorプロパティに色を指定します。

デフォルトがブルーなのをオレンジ色にする場合

今回の例は BottomNavigationBarItem(画面下のナビゲーションボタン)のアイコンを表示する例です。文字(Text)の色も変えております。

変更前

BottomNavigationBarItem(
    title: Text('ホーム'),
    icon: Icon(Icons.home)
),

変更後

BottomNavigationBarItem(
    title: Text('ホーム',style: const TextStyle(color: Colors.orange)),
    icon: Icon(Icons.home,color:Colors.orange)
),

広告




関連記事