[ Flutter "автоматический" темный режим ]

Question

Разработка нового приложения Flutter, довольно последовательная, и мне было интересно добавить темный режим. Есть ли такая библиотека/пакет, которая автоматически применяла бы темный режим к вашему реальному приложению?

Как плагин Google Chrome «Dark Reader» на веб-сайтах?

Не нужно быть «идеальным», просто нужно «подключи и работай».

Спасибо за ответы/подсказки.

Answer 1

Чтобы включить темный режим для вашего приложения Flutter, вам необходимо внести следующие изменения:

ОпределятьThemeDataс темными цветами, которые вы хотите в приложении.

      class AppTheme {
  static const Color primary = Color(0xFF000000);
  static const Color scaffoldBackgroundColor = Color(0xFF1E1E1E);

  static final theme = ThemeData(
    primaryColor: primary,
    scaffoldBackgroundColor: scaffoldBackgroundColor,
    textTheme: const TextTheme(
      bodySmall: TextStyle(
        color: Colors.white,
        fontSize: 16,
      ),
      bodyMedium: TextStyle(
        color: Colors.white,
        fontSize: 20,
      ),
      bodyLarge: TextStyle(
        color: Colors.white,
        fontSize: 24,
      ),
    ),
  );
}

Затем вmain.dartфайл, вы можете определить свой корневой виджет следующим образом:

      MaterialApp(
  title: 'My App',
  theme: AppTheme.theme,
  themeMode: ThemeMode.dark,
  home: const Scaffold(),
)