【Flutter】ダークモードのための最小限の実装

元々のthemeがシンプルであれば、この2行を追加するだけです！

main.dart

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
+     darkTheme: ThemeData.dark(),
+     themeMode: ThemeMode.system,
      home: const SomeWidget(),
    );
  }
}

light	dark

実装したアプリ

英語学習してる方は単語帳としてよかったら使ってください！

https://apps.apple.com/jp/app/id6480291526

https://play.google.com/store/apps/details?id=jp.kboy.tango&hl=en