finished the firts screen

simonpojok · Nov 9, 2020 · 01da7fb · 01da7fb
1 parent 9b346a6
commit 01da7fb
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 4 deletions.
diff --git a/lib/screens/home/components/bottom_buttons.dart b/lib/screens/home/components/bottom_buttons.dart
@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+
+import '../../../constants/constants.dart';
+import '../../../constants/constants.dart';
+import '../../../constants/constants.dart';
+import '../../../constants/constants.dart';
+
+class BottomButtons extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    Size size =  MediaQuery.of(context).size;
+    return Padding(
+      padding: const EdgeInsets.only(bottom: appPadding),
+      child: Container(
+        width: size.width * 0.4,
+        height: 60,
+        decoration: BoxDecoration(
+          color: darkBlue,
+          borderRadius: BorderRadius.circular(30),
+          boxShadow: [
+            BoxShadow(
+              color: darkBlue.withOpacity(0.6),
+              offset: Offset(0, 10),
+              blurRadius: 10
+            )
+          ],
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(Icons.map_outlined, color: white,),
+            Text(' Map View', style: TextStyle(
+              color: white,
+              fontWeight: FontWeight.w600
+            ),)
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/screens/home/home_screen.dart b/lib/screens/home/home_screen.dart
@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/painting.dart';
 
+import 'components/bottom_buttons.dart';
 import 'components/categories.dart';
 import 'components/custom_app_bar.dart';
 import 'components/houses.dart';
@@ -8,11 +10,17 @@ class HomeScreen extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Column(
+      body: Stack(
+        alignment: Alignment.bottomCenter,
         children: [
-          CustomAppBar(),
-          Categories(),
-          Houses(),
+          Column(
+            children: [
+              CustomAppBar(),
+              Categories(),
+              Houses(),
+            ],
+          ),
+          BottomButtons(),
         ],
       ),
     );