Flutterでダークモード時に画像を切り替える【Dart】

Xcode/AndroidStudioでそれぞれ開発するときは、ライトモード用とダークモード用の画像を用意しておくと勝手に切り替えてくれる機能がありますが、Flutterではそれを使うことができないようです。

以下のようにして対応します。

.dart

Image.asset(
    Theme.of(context).brightness == Brightness.dark
    ? 'assets/images/image_dark.png'
    : 'assets/images/image_light.png',
),

(bool変数) ? (trueのときの処理) : (falseのときの処理)の構文を利用して、
ダークモード(Theme.of(context).brightness == Brightness.dark）のときは、image_dark.png、
ライトモード(Theme.of(context).brightness == Brightness.light）のときはimage_light.png
を表示させます。

Twitter@ruemura3