flutter - 暗い/明るいテーマに基づいて色を設定するには?

Question

濃い色と薄い色の配色を設定して、コンテナの背景色として使いたいです。

これが私のコードです：

Container(
  padding: const EdgeInsets.all(kDefaultPadding),
  //change required here:
  decoration: const BoxDecoration(color: kDarkColor),
  child: ... ,
)

Answer 1

MediaQuery から使用できますplatformBrightness。

final isDarkTheme = MediaQuery.of(context).platformBrightness == Brightness.dark;

  Container(
    padding: const EdgeInsets.all(kDefaultPadding),
    //change required here
    decoration: const BoxDecoration(color: isDarkTheme? kDarkColor: kLightColor),
    child: Column(
    // ...
  ),

フラッターでダークモードを実装する方法も参照してください