Improve animation

lib/components/page_route.dart

@@ -121,8 +121,13 @@ mixin _AppRouteTransitionMixin<T> on PageRoute<T> {
   @override
   Widget buildTransitions(BuildContext context, Animation<double> animation,
       Animation<double> secondaryAnimation, Widget child) {
+    child = ColoredBox(
+      color: FluentTheme.of(context).micaBackgroundColor,
+      child: child,
+    );
+
     if (isRoot) {
-      return EntrancePageTransition(
+      child = EntrancePageTransition(
         animation: CurvedAnimation(
           parent: animation,
           curve: FluentTheme.of(context).animationCurve,
@@ -135,21 +140,25 @@ mixin _AppRouteTransitionMixin<T> on PageRoute<T> {
                 child: child)
             : child,
       );
+    } else {
+      child = DrillInPageTransition(
+        animation: CurvedAnimation(
+          parent: animation,
+          curve: FluentTheme
+              .of(context)
+              .animationCurve,
+        ),
+        child: enableIOSGesture && App.isIOS
+            ? IOSBackGestureDetector(
+            gestureWidth: _kBackGestureWidth,
+            enabledCallback: () => _isPopGestureEnabled<T>(this),
+            onStartPopGesture: () => _startPopGesture(this),
+            child: child)
+            : child,
+      );
     }
 
-    return DrillInPageTransition(
+    return child;
-      animation: CurvedAnimation(
-        parent: animation,
-        curve: FluentTheme.of(context).animationCurve,
-      ),
-      child: enableIOSGesture && App.isIOS
-          ? IOSBackGestureDetector(
-              gestureWidth: _kBackGestureWidth,
-              enabledCallback: () => _isPopGestureEnabled<T>(this),
-              onStartPopGesture: () => _startPopGesture(this),
-              child: child)
-          : child,
-    );
   }
 
   IOSBackGestureController _startPopGesture(PageRoute<T> route) {
@@ -427,9 +436,7 @@ class EntrancePageTransition extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return ColoredBox(
+    return SlideTransition(
-      color: FluentTheme.of(context).micaBackgroundColor,
-      child: SlideTransition(
       position: Tween<Offset>(
         begin: const Offset(0, 0.1),
         end: Offset.zero,
@@ -438,7 +445,6 @@ class EntrancePageTransition extends StatelessWidget {
         opacity: animation,
         child: child,
       ),
-      ),
     );
   }
 }