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();
+  Widget build(BuildContext context) {
-}
+    return MultiProvider(
-
+      providers: [
-class _MyAppState extends State<MyApp> {
+        ChangeNotifierProvider(create: (context) => SettingsProvider()),
+      ],
+      builder: (context, child) {
+        var isDarkMode = context.watch<SettingsProvider>().isDarkMode;
+        return AnimatedCrossFade(
+          crossFadeState: isDarkMode != null ? CrossFadeState.showFirst : CrossFadeState.showSecond,
+          alignment: Alignment.center,
+          layoutBuilder: (topChild, topChildKey, bottomChild, bottomChildKey) => Stack(
+            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 == true ? Colors.blue : Colors.blue,
+              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) {
-  @override
+              Future.delayed(
-  void initState() {
+                Duration(seconds: 1),
-    super.initState();
+                () => context.read<SettingsProvider>().setProps(isDarkMode: value.toString().contains('dark')),
-    WidgetsBinding.instance?.addPostFrameCallback((_) {
+              );
+            });
             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),
-  @override
+        );
-  Widget build(BuildContext context) {
+      },
-    return MultiProvider(
-        providers: [
-          Provider(create: (context) => SettingsProvider()),
-        ],
-        builder: (context, child) {
-          var isDarkMode = context.watch<SettingsProvider>().settings.isDarkMode;
-          return isDarkMode == null
-              ? Center(
-                  child: CircularProgressIndicator(),
-                )
-              : MaterialApp(
-                  title: 'Flutter Demo',
-                  theme: ThemeData(
-                    primarySwatch: isDarkMode ? Colors.blue : Colors.blue,
-                    brightness: isDarkMode ? Brightness.dark : Brightness.light,
-                  ),
-                  home: MyHomePage(title: 'Flutter Demo Home Page'),
     );
-        });
   }
 }
 

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 {
-  Settings _settings = Settings();
-
-  Settings get settings => _settings;
-
-  set settings(Settings newSettings) {
-    _settings = newSettings;
-    notifyListeners();
 }
 
+class SettingsProvider extends Settings with ChangeNotifier {
   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();