homescreen components

Author: Netesh5

lib/core/theme_manager/colors.dart

@@ -1,3 +1,6 @@
 import 'package:flutter/material.dart';
 
 const Color appBarColor = Color(0xff7187EA);
+const Color textPurpleColor = Color(0xff7187EA);
+const Color iconPurpleColor = Color(0xff7187EA);
+const Color greyBgColor = Color(0xffE5E5E5);

lib/core/theme_manager/theme.dart

@@ -1,5 +1,6 @@
 import 'package:chatapp/core/theme_manager/colors.dart';
 import 'package:flutter/material.dart';
 
-ThemeData themedata =
-    ThemeData(appBarTheme: const AppBarTheme(backgroundColor: appBarColor));
+ThemeData themedata = ThemeData(
+    appBarTheme: const AppBarTheme(backgroundColor: appBarColor),
+    scaffoldBackgroundColor: greyBgColor);

lib/main.dart

@@ -15,7 +15,7 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       theme: themedata,
       debugShowCheckedModeBanner: false,
-      home: const Homepage(),
+      home: const HomeScreen(),
     );
   }
 }

lib/src/presentation/groupage/grouppage.dart

@@ -0,0 +1,42 @@
+import 'package:chatapp/core/theme_manager/colors.dart';
+import 'package:chatapp/widgets/textformfield.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+
+class GroupScreen extends StatelessWidget {
+  const GroupScreen({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(groupChatName!),
+      ),
+      body: SafeArea(
+        child: Column(
+          children: [
+            Expanded(child: Container()),
+            Row(
+              children: [
+                Expanded(
+                    child: CustomTextFormField(
+                  controller: chatTextEditingController,
+                  formkey: chatFormkey,
+                )),
+                const SizedBox(
+                  height: 20,
+                ),
+                IconButton(
+                    onPressed: () {},
+                    icon: const Icon(
+                      Icons.send,
+                      color: iconPurpleColor,
+                    ))
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/src/presentation/homepage/homepage.dart

@@ -1,10 +1,10 @@
 import 'package:chatapp/core/theme_manager/colors.dart';
 import 'package:chatapp/widgets/customdialog.dart';
-import 'package:flutter/cupertino.dart';
+
 import 'package:flutter/material.dart';
 
-class Homepage extends StatelessWidget {
-  const Homepage({Key? key}) : super(key: key);
+class HomeScreen extends StatelessWidget {
+  const HomeScreen({Key? key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {

lib/widgets/customdialog.dart

@@ -1,24 +1,47 @@
+import 'package:chatapp/core/theme_manager/colors.dart';
+import 'package:chatapp/src/presentation/groupage/grouppage.dart';
 import 'package:chatapp/widgets/textformfield.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 
 customDialog(BuildContext context) {
   return showCupertinoDialog(
+      barrierLabel: "Create new chat",
       context: context,
       builder: (context) {
         return CupertinoAlertDialog(
           title: const Padding(
             padding: EdgeInsets.all(12.0),
             child: Text("Group Name"),
           ),
-          content: const CustomTextFormField(),
+          content: CustomTextFormField(
+            controller: groupNameTextEditingController,
+            formkey: groupChatNameFormkey,
+          ),
           actions: [
-            TextButton(onPressed: () {}, child: const Text("Create")),
             TextButton(
                 onPressed: () {
                   Navigator.of(context).pop();
+                  groupNameTextEditingController.clear();
+                },
+                child: const Text(
+                  "Cancel",
+                  style: TextStyle(color: textPurpleColor),
+                )),
+            TextButton(
+                onPressed: () {
+                  if (groupChatNameFormkey.currentState!.validate()) {
+                    Navigator.of(context).pop();
+                    Navigator.of(context)
+                        .push(MaterialPageRoute(builder: (context) {
+                      return const GroupScreen();
+                    })).then((value) => groupNameTextEditingController.clear());
+                  }
                 },
-                child: const Text("Cancel"))
+                child: const Text(
+                  "Create",
+                  style: TextStyle(color: textPurpleColor),
+                )),
           ],
         );
       });

lib/widgets/textformfield.dart

@@ -1,10 +1,39 @@
+import 'package:chatapp/core/theme_manager/colors.dart';
 import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
 
-class CustomTextFormField extends StatelessWidget {
-  const CustomTextFormField({super.key});
+TextEditingController groupNameTextEditingController = TextEditingController();
+TextEditingController chatTextEditingController = TextEditingController();
+String? groupChatName;
+final groupChatNameFormkey = GlobalKey<FormState>();
+final chatFormkey = GlobalKey<FormState>();
 
+class CustomTextFormField extends StatelessWidget {
+  const CustomTextFormField(
+      {super.key, required this.controller, required this.formkey});
+  final TextEditingController controller;
+  final GlobalKey<FormState> formkey;
   @override
   Widget build(BuildContext context) {
-    return const CupertinoTextField();
+    return Form(
+      key: formkey,
+      child: CupertinoTextFormFieldRow(
+        cursorColor: iconPurpleColor,
+        decoration: const BoxDecoration(color: Colors.white),
+        controller: controller,
+        textInputAction: TextInputAction.newline,
+        maxLines: 5,
+        minLines: 1,
+        onChanged: (value) {
+          groupChatName = groupNameTextEditingController.text;
+        },
+        validator: (value) {
+          if (value!.isEmpty) {
+            return "Field cannot be empty";
+          }
+          return null;
+        },
+      ),
+    );
   }
 }