[#54] Add homeshimmerloading to homescreen

Author: nkhanh44

lib/main.dart

@@ -32,7 +32,7 @@ class App extends StatelessWidget {
       GoRoute(
         path: routePathLoginScreen,
         pageBuilder: (_, __) => const NoTransitionPage<void>(
-          child: HomeShimmerLoading(),
+          child: LoginScreen(),
         ),
       ),
       GoRoute(

lib/screens/home/home_screen.dart

@@ -2,26 +2,61 @@ import 'package:flutter/material.dart';
 import 'package:survey_flutter/screens/home/home_header_widget.dart';
 import 'package:survey_flutter/screens/home/home_pages_widget.dart';
 import 'package:survey_flutter/screens/home/home_page_indicator_widget.dart';
+import 'package:survey_flutter/screens/home/home_shimmer_loading.dart';
 
-const routePathHomeScreen = '/home';
-
-class HomeScreen extends StatelessWidget {
+class HomeScreen extends StatefulWidget {
   const HomeScreen({Key? key}) : super(key: key);
 
+  @override
+  HomeScreenState createState() => HomeScreenState();
+}
+
+class HomeScreenState extends State<HomeScreen> {
+  bool _isLoading = true;
+
+  @override
+  void initState() {
+    super.initState();
+    _openHomeWithShimmerLoading();
+  }
+
+  Future<void> _openHomeWithShimmerLoading() async {
+    await Future.delayed(const Duration(seconds: 1));
+    setState(() {
+      _isLoading = false;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Stack(
-      children: [
-        HomePagesWidget(),
-        const HomeHeaderWidget(),
-        const Align(
-          alignment: Alignment.bottomCenter,
-          child: Padding(
-            padding: EdgeInsets.only(bottom: 220),
-            child: HomePageIndicatorWidget(),
+    return Scaffold(
+      body: Stack(
+        children: [
+          HomePagesWidget(),
+          const HomeHeaderWidget(),
+          const Align(
+            alignment: Alignment.bottomCenter,
+            child: Padding(
+              padding: EdgeInsets.only(bottom: 220),
+              child: HomePageIndicatorWidget(),
+            ),
           ),
-        ),
-      ],
+          // TODO: Handle only show shimmer loading after user login
+          if (_isLoading) _buildShimmerLoading(),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildShimmerLoading() {
+    return AnimatedOpacity(
+      opacity: 1.0,
+      duration: const Duration(seconds: 1),
+      curve: Curves.easeInOut,
+      child: Container(
+        color: Colors.black,
+        child: const HomeShimmerLoading(),
+      ),
     );
   }
 }

lib/theme/app_constants.dart

@@ -4,6 +4,7 @@ class Metrics {
   static const formFieldHeight = 56.0;
 
   static const spacing4 = 4.0;
+  static const spacing10 = 10.0;
   static const spacing16 = 16.0;
   static const spacing20 = 20.0;
   static const spacing28 = 28.0;