Изменение темы Dynami c в зависимости от темного и светлого режима системы - PullRequest
0 голосов
/ 03 мая 2020

Я работаю над функцией динамического c темного и светлого режима во флаттере.

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

Но я не могу изменить темный или светлый режим приложения на основе светлого или темного режима мобильной системы.

Я использую следующий код.

main.dart

    import 'package:flutter/material.dart';
    import 'package:flutterrookieapp/provider/ThemeProvider.dart';
    import 'package:flutterrookieapp/utils/AppTheme.dart';
    import 'package:provider/provider.dart';

    void main() => runApp(MyApp());

    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MultiProvider(
          providers: [
            ChangeNotifierProvider(
              create: (context) => ThemeProvider(
                  MediaQuery.of(context).platformBrightness == Brightness.dark
                      ? darkTheme
                      : lightTheme),
            )
          ],
          child: Consumer<ThemeProvider>(
            builder: (temp, theme, _) {
              return MaterialApp(
                debugShowCheckedModeBanner: false,
                title: 'Flutter Sample',
                theme: MediaQuery.platformBrightnessOf(context) == Brightness.dark
                    ? darkTheme
                    : lightTheme,
                home: HomePage(),
              );
            },
          ),
        );
      }
    }
  }

ThemeProvider.dart

import 'package:flutter/material.dart';

class ThemeProvider with ChangeNotifier {
  ThemeData _themeData;

  ThemeProvider(this._themeData);

  ThemeData getTheme() => _themeData;

  setTheme(ThemeData themeData) async {
    this._themeData = themeData;
    notifyListeners();
  }
}

1 Ответ

1 голос
/ 04 мая 2020

вы можете использовать в MaterialApp darkTheme или theme, это всегда из настроек мобильной системы

MaterialApp(
  debugShowCheckedModeBanner: false,
  title: 'Flutter Sample',
  darkTheme: darkTheme,
  theme: lightTheme,
  home: HomePage(),
),
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...