[Pavithran] Add. loader page

Author: pavithran-mm

demo-app/lib/screens/home_screen.dart

@@ -1,6 +1,7 @@
 import 'package:appium_testing_app/components/custom_app_bar.dart';
 import 'package:appium_testing_app/models/feature_model.dart';
 import 'package:appium_testing_app/screens/lazy_loading.dart';
+import 'package:appium_testing_app/screens/loader_screen.dart';
 import 'package:appium_testing_app/screens/native_screen.dart';
 import 'package:appium_testing_app/screens/slider_screen.dart';
 import 'package:appium_testing_app/screens/ui_elements_screen.dart';
@@ -57,6 +58,8 @@ class _HomeScreenState extends State<HomeScreen> {
     featureModels.add(FeatureModel(
         title: "Multiple Scrollview",
         subtitle: "Page with horizontal and vertical scroll"));
+    featureModels.add(FeatureModel(
+        title: "Loader Screen", subtitle: "Page with loader and a button"));
   }
 
   @override
@@ -141,6 +144,8 @@ class _HomeScreenState extends State<HomeScreen> {
           title: featureModels[index].title,
         );
         break;
+      case 13:
+        page = LoaderScreen(title: featureModels[index].title);
       default:
         page = NativeScreen(title: featureModels[index].title);
         break;

demo-app/lib/screens/loader_screen.dart

@@ -0,0 +1,46 @@
+import 'package:appium_testing_app/components/custom_app_bar.dart';
+import 'package:flutter/material.dart';
+
+class LoaderScreen extends StatefulWidget {
+  final String title;
+  const LoaderScreen({required this.title, super.key});
+
+  @override
+  State<LoaderScreen> createState() => _LoaderScreenState();
+}
+
+class _LoaderScreenState extends State<LoaderScreen> {
+
+  bool _showText = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: CustomAppBarWidget(title: widget.title),
+      body: Center(
+        child: Column(
+          children: [
+            const SizedBox(height: 30,),
+            const CircularProgressIndicator(),
+            ElevatedButton(
+              onPressed: () {
+                setState(() {
+                  _showText = true;
+                });
+              },
+              style: ElevatedButton.styleFrom(
+                backgroundColor: Theme.of(context).colorScheme.primary,
+              ),
+              child: const Text(
+                "Login",
+                style: TextStyle(color: Colors.white),
+              ),
+            ),
+            const SizedBox(height: 30,),
+            _showText ? Text("Button pressed"): const SizedBox(),
+          ],
+        ),
+      ),
+    );
+  }
+}