wip: fix

app/lib/main.dart

@@ -27,47 +27,53 @@ Future<void> main() async {
   runApp(MyApp());
 }
 
-class MyApp extends StatefulWidget {
+class MyApp extends StatelessWidget {
-  @override
-  State<MyApp> createState() => _MyAppState();
-}
-
-class _MyAppState extends State<MyApp> {
-  var xsettings = GSettings('com.deepin.xsettings');
-
-  @override
-  void initState() {
-    super.initState();
-    WidgetsBinding.instance?.addPostFrameCallback((_) {
-      xsettings.keysChanged.listen((event) {
-        xsettings.get('theme-name').then((value) {
-          context.read<SettingsProvider>().setProps(isDarkMode: value.toString().contains('dark'));
-        });
-      });
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
     return MultiProvider(
       providers: [
-          Provider(create: (context) => SettingsProvider()),
+        ChangeNotifierProvider(create: (context) => SettingsProvider()),
       ],
       builder: (context, child) {
-          var isDarkMode = context.watch<SettingsProvider>().settings.isDarkMode;
+        var isDarkMode = context.watch<SettingsProvider>().isDarkMode;
-          return isDarkMode == null
+        return AnimatedCrossFade(
-              ? Center(
+          crossFadeState: isDarkMode != null ? CrossFadeState.showFirst : CrossFadeState.showSecond,
-                  child: CircularProgressIndicator(),
+          alignment: Alignment.center,
-                )
+          layoutBuilder: (topChild, topChildKey, bottomChild, bottomChildKey) => Stack(
-              : MaterialApp(
+            clipBehavior: Clip.none,
+            alignment: Alignment.center,
+            children: <Widget>[
+              Positioned(key: bottomChildKey, child: bottomChild),
+              Positioned(key: topChildKey, child: topChild),
+            ],
+          ),
+          firstChild: MaterialApp(
             title: 'Flutter Demo',
             theme: ThemeData(
-                    primarySwatch: isDarkMode ? Colors.blue : Colors.blue,
+              primarySwatch: isDarkMode == true ? Colors.blue : Colors.blue,
-                    brightness: isDarkMode ? Brightness.dark : Brightness.light,
+              brightness: isDarkMode == true ? Brightness.dark : Brightness.light,
             ),
             home: MyHomePage(title: 'Flutter Demo Home Page'),
+          ),
+          secondChild: Builder(builder: (_) {
+            var xsettings = GSettings('com.deepin.xsettings');
+            xsettings.get('theme-name').then((value) {
+              Future.delayed(
+                Duration(seconds: 1),
+                () => context.read<SettingsProvider>().setProps(isDarkMode: value.toString().contains('dark')),
               );
             });
+            xsettings.keysChanged.listen((event) {
+              xsettings.get('theme-name').then((value) {
+                context.read<SettingsProvider>().setProps(isDarkMode: value.toString().contains('dark'));
+              });
+            });
+            return CircularProgressIndicator();
+          }),
+          duration: Duration(seconds: 1),
+        );
+      },
+    );
   }
 }
 

app/lib/models/settings.dart

@@ -1,29 +1,18 @@
 import 'package:flutter/foundation.dart';
 
 class Settings {
-  Settings({
+  bool? _isDarkMode;
-    this.isDarkMode,
-  });
 
-  bool? isDarkMode;
+  bool? get isDarkMode => _isDarkMode;
 }
 
-class SettingsProvider extends ChangeNotifier {
+class SettingsProvider extends Settings with ChangeNotifier {
-  Settings _settings = Settings();
-
-  Settings get settings => _settings;
-
-  set settings(Settings newSettings) {
-    _settings = newSettings;
-    notifyListeners();
-  }
-
   void setProps({
     bool? isDarkMode,
   }) {
     bool changed = false;
-    if (isDarkMode != _settings.isDarkMode) {
+    if (this._isDarkMode != isDarkMode) {
-      _settings.isDarkMode = isDarkMode;
+      this._isDarkMode = isDarkMode;
       changed = true;
     }
     if (changed) notifyListeners();