update: improve splash screen transition to navigation

lib/core/router.dart

@@ -3,17 +3,35 @@ import 'package:rijig_mobile/core/utils/exportimportview.dart';
 final router = GoRouter(
   routes: [
     GoRoute(path: '/', builder: (context, state) => SplashScreen()),
-    GoRoute(path: '/cmapview', builder: (context, state) => CollectorRouteMapScreen()),
+    GoRoute(
+      path: '/cmapview',
+      builder: (context, state) => CollectorRouteMapScreen(),
+    ),
     GoRoute(
       path: '/onboarding',
-      builder: (context, state) => OnboardingPageScreen(),
+      pageBuilder: (context, state) {
+        var key = state.pageKey;
+        return transisi(OnboardingPageScreen(), key);
+      },
     ),
     GoRoute(path: '/login', builder: (context, state) => LoginScreen()),
     GoRoute(path: '/clogin', builder: (context, state) => CloginScreen()),
-    GoRoute(path: '/welcomec', builder: (context, state) => WelcomeCollectorScreen()),
+    GoRoute(
-    GoRoute(path: '/verifidentity', builder: (context, state) => UploadKtpScreen()),
+      path: '/welcomec',
-    GoRoute(path: '/berandapengepul', builder: (context, state) => ChomeCollectorScreen()),
+      builder: (context, state) => WelcomeCollectorScreen(),
-    GoRoute(path: '/cpickuphistory', builder: (context, state) => PickupHistoryScreen()),
+    ),
+    GoRoute(
+      path: '/verifidentity',
+      builder: (context, state) => UploadKtpScreen(),
+    ),
+    GoRoute(
+      path: '/berandapengepul',
+      builder: (context, state) => ChomeCollectorScreen(),
+    ),
+    GoRoute(
+      path: '/cpickuphistory',
+      builder: (context, state) => PickupHistoryScreen(),
+    ),
 
     // Rute untuk verifikasi OTP dengan ekstraksi data dari path
     GoRoute(
@@ -45,7 +63,10 @@ final router = GoRouter(
 
     // Rute untuk halaman-halaman utama
     GoRoute(path: '/home', builder: (context, state) => HomeScreen()),
-    GoRoute(path: '/dataperforma', builder: (context, state) => DatavisualizedScreen()),
+    GoRoute(
+      path: '/dataperforma',
+      builder: (context, state) => DatavisualizedScreen(),
+    ),
     GoRoute(path: '/activity', builder: (context, state) => ActivityScreen()),
     GoRoute(
       path: '/requestpickup',
@@ -86,3 +107,17 @@ final router = GoRouter(
     ),
   ],
 );
+
+CustomTransitionPage transisi(Widget page, key) {
+  return CustomTransitionPage(
+    transitionDuration: const Duration(milliseconds: 1200),
+    child: page,
+    key: key,
+    transitionsBuilder: (key, animation, secondaryAnimation, page) {
+      return FadeTransition(
+        opacity: CurveTween(curve: Curves.easeInOut).animate(animation),
+        child: page,
+      );
+    },
+  );
+}

lib/core/utils/exportimportview.dart

@@ -1,3 +1,4 @@
+export 'package:flutter/material.dart';
 export 'package:go_router/go_router.dart';
 export 'package:rijig_mobile/core/utils/navigation.dart';
 export 'package:rijig_mobile/features/activity/presentation/screen/activity_screen.dart';

lib/core/utils/navigation.dart

@@ -16,9 +16,35 @@ class NavigationPage extends StatefulWidget {
   State<NavigationPage> createState() => _NavigationPageState();
 }
 
-class _NavigationPageState extends State<NavigationPage> {
+class _NavigationPageState extends State<NavigationPage>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _controller;
+  late Animation<Offset> _slideAnimation;
   int _selectedIndex = 0;
 
+  @override
+  void initState() {
+    super.initState();
+    _controller = AnimationController(
+      duration: const Duration(milliseconds: 2000),
+      vsync: this,
+    );
+
+    _slideAnimation = Tween<Offset>(
+      begin: const Offset(1.0, 0),
+      end: Offset.zero,
+    ).animate(CurvedAnimation(parent: _controller, curve: Curves.easeOut));
+
+    _controller.forward();
+    _loadSelectedIndex();
+  }
+
+  @override
+  void dispose() {
+    _controller.dispose();
+    super.dispose();
+  }
+
   _loadSelectedIndex() async {
     SharedPreferences prefs = await SharedPreferences.getInstance();
     setState(() {
@@ -31,26 +57,22 @@ class _NavigationPageState extends State<NavigationPage> {
     prefs.setInt('last_selected_index', index);
   }
 
-  @override
-  void initState() {
-    super.initState();
-    _loadSelectedIndex();
-  }
-
   void _onItemTapped(int index) {
     if (index == 2) {
       router.push("/requestpickup");
     } else {
-      setState(() {
+      setState(() => _selectedIndex = index);
-        _selectedIndex = index;
-      });
       _saveSelectedIndex(index);
     }
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return Container(
+      color: Theme.of(context).scaffoldBackgroundColor,
+      child: SlideTransition(
+        position: _slideAnimation,
+        child: Scaffold(
           extendBody: true,
           backgroundColor: whiteColor,
           body: IndexedStack(
@@ -63,12 +85,7 @@ class _NavigationPageState extends State<NavigationPage> {
               ProfilScreen(),
             ],
           ),
-      bottomNavigationBar: Theme(
+          bottomNavigationBar: Visibility(
-        data: Theme.of(context).copyWith(
-          splashFactory: NoSplash.splashFactory,
-          highlightColor: Colors.transparent,
-        ),
-        child: Visibility(
             visible: _selectedIndex != 2,
             child: BottomAppBar(
               shape: const CircularNotchedRectangle(),
@@ -127,9 +144,8 @@ class _NavigationPageState extends State<NavigationPage> {
               ),
             ),
           ),
-      ),
+          floatingActionButtonLocation:
-
+              FloatingActionButtonLocation.centerDocked,
-      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
           floatingActionButton: Container(
             width: 78,
             height: 78,
@@ -143,9 +159,7 @@ class _NavigationPageState extends State<NavigationPage> {
               border: Border.all(color: whiteColor, width: 4),
             ),
             child: RawMaterialButton(
-          onPressed: () {
+              onPressed: () => router.push("/requestpickup"),
-            router.push("/requestpickup");
-          },
               shape: const CircleBorder(),
               elevation: 0,
               child: Column(
@@ -164,6 +178,8 @@ class _NavigationPageState extends State<NavigationPage> {
               ),
             ),
           ),
+        ),
+      ),
     );
   }
 }

lib/features/launch/screen/splash_screen.dart

@@ -80,8 +80,8 @@ class SplashScreenState extends State<SplashScreen> {
 
             if (_isCheckingConnection)
               Align(
-                alignment: Alignment.center,
+                alignment: Alignment.bottomCenter,
-                child: CircularProgressIndicator(),
+                child: CircularProgressIndicator(color: whiteColor,),
               ),
           ],
         ),