Merge pull request #1 from DevStack06/devstack06/landing-page

Devstack06/landing page

Author: DevStack06

front-end/assets/images/categories.png

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class Categories extends StatefulWidget {
+  Categories({Key? key}) : super(key: key);
+
+  @override
+  _CategoriesState createState() => _CategoriesState();
+}
+
+class _CategoriesState extends State<Categories> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: Text("Categories"),
+      ),
+    );
+  }
+}

front-end/assets/images/logo-black.png

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatefulWidget {
+  HomePage({Key? key}) : super(key: key);
+
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: Text("home"),
+      ),
+    );
+  }
+}

front-end/lib/feature/categories/categories.dart

@@ -0,0 +1,59 @@
+import 'package:flutter/material.dart';
+import 'package:myntra/feature/categories/categories.dart';
+import 'package:myntra/feature/home_page/home_page.dart';
+import 'package:myntra/feature/profile/profile.dart';
+import 'package:myntra/foundation/sp_icon/sp_icon.dart';
+
+class LandingPage extends StatefulWidget {
+  LandingPage({Key? key}) : super(key: key);
+
+  @override
+  _LandingPageState createState() => _LandingPageState();
+}
+
+class _LandingPageState extends State<LandingPage> {
+  int currentIndex = 0;
+  List<Widget> pages = [HomePage(), Categories(), Profile()];
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      bottomNavigationBar: BottomNavigationBar(
+        currentIndex: currentIndex,
+        selectedItemColor: const Color(0xfffe416c),
+        selectedLabelStyle: const TextStyle(fontSize: 13),
+        onTap: (index) {
+          setState(() {
+            currentIndex = index;
+          });
+        },
+        items: [
+          BottomNavigationBarItem(
+            icon: SPIcon(
+              assetname: "logo-black.png",
+              index: 0,
+              currentIndex: currentIndex,
+            ),
+            label: "Home",
+          ),
+          BottomNavigationBarItem(
+            icon: SPIcon(
+              assetname: "categories.png",
+              index: 1,
+              currentIndex: currentIndex,
+            ),
+            label: "Categories",
+          ),
+          BottomNavigationBarItem(
+            icon: SPIcon(
+              assetname: "profile.png",
+              index: 2,
+              currentIndex: currentIndex,
+            ),
+            label: "Profile",
+          ),
+        ],
+      ),
+      body: pages[currentIndex],
+    );
+  }
+}

front-end/lib/feature/home_page/home_page.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/material.dart';
+
+class Profile extends StatefulWidget {
+  Profile({Key? key}) : super(key: key);
+
+  @override
+  _ProfileState createState() => _ProfileState();
+}
+
+class _ProfileState extends State<Profile> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: Text("Proile"),
+      ),
+    );
+  }
+}

front-end/lib/feature/landing_page/landing_page.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+
+class SPIcon extends StatelessWidget {
+  const SPIcon(
+      {Key? key,
+      required this.assetname,
+      required this.index,
+      required this.currentIndex})
+      : super(key: key);
+  final String assetname;
+  final int index;
+  final int currentIndex;
+
+  @override
+  Widget build(BuildContext context) {
+    return Image.asset(
+      "assets/images/$assetname",
+      height: 25,
+      width: 25,
+      color: index == currentIndex ? const Color(0xfffe416c) : Colors.black,
+    );
+  }
+}

front-end/lib/feature/profile/profile.dart

@@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 
+import 'feature/landing_page/landing_page.dart';
+
 void main() {
   runApp(const MyApp());
 }
@@ -13,7 +15,7 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return GetMaterialApp(
       title: "Myntra",
-      home: Scaffold(),
+      home: LandingPage(),
     );
   }
 }