transition on each page

lib/app/app_page.dart

@@ -4,6 +4,19 @@ import 'package:routefly/routefly.dart';
 
 import '../components/nc_button.dart';
 
+Route routeBuilder(BuildContext ctx, RouteSettings settings) {
+  return PageRouteBuilder(
+    transitionDuration: const Duration(seconds: 5),
+    pageBuilder: (_, a1, a2) => const AppPage(),
+    transitionsBuilder: (_, a1, a2, child) {
+      return FadeTransition(
+        opacity: a1,
+        child: child,
+      );
+    },
+  );
+}
+
 class AppPage extends StatelessWidget {
   const AppPage({super.key});
 

lib/app/login/login_page.dart

@@ -1,6 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:pcast/components/nc_base_page.dart';
 
+Route routeBuilder(BuildContext ctx, RouteSettings settings) {
+  return PageRouteBuilder(
+    transitionDuration: const Duration(seconds: 5),
+    pageBuilder: (_, a1, a2) => const LoginPage(),
+    transitionsBuilder: (_, a1, a2, child) {
+      return FadeTransition(
+        opacity: a1,
+        child: child,
+      );
+    },
+  );
+}
+
 class LoginPage extends StatefulWidget {
   const LoginPage({super.key});
 

lib/app/test/test_page.dart

@@ -1,6 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:pcast/components/nc_base_page.dart';
 
+Route routeBuilder(BuildContext ctx, RouteSettings settings) {
+  return PageRouteBuilder(
+    transitionDuration: const Duration(seconds: 5),
+    pageBuilder: (_, a1, a2) => const TestPage(),
+    transitionsBuilder: (_, a1, a2, child) {
+      return FadeTransition(
+        opacity: a1,
+        child: child,
+      );
+    },
+  );
+}
+
 class TestPage extends StatefulWidget {
   const TestPage({super.key});
 

lib/components/nc_base_page.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:routefly/routefly.dart';
 
 class NcBasePage extends StatelessWidget {
   const NcBasePage({super.key, required this.body});
@@ -8,8 +9,14 @@ class NcBasePage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: const Color(0xffa600f9),
+        backgroundColor: const Color(0xffa600f9),
-      body: body,
+        body: body,
-    );
+        floatingActionButton: FloatingActionButton(
+          onPressed: () => {
+            Routefly.navigate('/'),
+          },
+          backgroundColor: Colors.white,
+          child: const Icon(Icons.home),
+        ));
   }
 }