blog page work started

Author: DevStack06

lib/Blog/Blog.dart

@@ -1,10 +1,56 @@
+import 'package:blogapp/Model/addBlogModels.dart';
+import 'package:blogapp/NetworkHandler.dart';
 import 'package:flutter/material.dart';
 
 class Blog extends StatelessWidget {
-  const Blog({Key key}) : super(key: key);
-
+  const Blog({Key key, this.addBlogModel, this.networkHandler})
+      : super(key: key);
+  final AddBlogModel addBlogModel;
+  final NetworkHandler networkHandler;
   @override
   Widget build(BuildContext context) {
-    return Scaffold();
+    return Scaffold(
+      // backgroundColor: Colors.black,
+      body: ListView(
+        children: [
+          Container(
+            height: 310,
+            width: MediaQuery.of(context).size.width,
+            child: Card(
+              // margin: EdgeInsets.all(0),
+              elevation: 8,
+              child: Column(
+                children: [
+                  Container(
+                    height: 230,
+                    width: MediaQuery.of(context).size.width,
+                    decoration: BoxDecoration(
+                      color: Colors.black,
+                      image: DecorationImage(
+                        image: networkHandler.getImage(addBlogModel.id),
+                        fit: BoxFit.fill,
+                      ),
+                    ),
+                  ),
+                  // SizedBox()
+                  Container(
+                    padding: const EdgeInsets.symmetric(
+                        horizontal: 20, vertical: 10),
+                    child: Text(
+                      addBlogModel.title,
+                      textAlign: TextAlign.center,
+                      style: TextStyle(
+                        fontSize: 16,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
   }
 }

lib/Blog/Blogs.dart

@@ -42,16 +42,21 @@ class _BlogsState extends State<Blogs> {
                       children: <Widget>[
                         InkWell(
                           onTap: () {
-                            Navigator.push(context,
-                                MaterialPageRoute(builder: (contex) => Blog()));
+                            Navigator.push(
+                                context,
+                                MaterialPageRoute(
+                                    builder: (contex) => Blog(
+                                          addBlogModel: item,
+                                          networkHandler: networkHandler,
+                                        )));
                           },
                           child: BlogCard(
                             addBlogModel: item,
                             networkHandler: networkHandler,
                           ),
                         ),
                         SizedBox(
-                          height: 10,
+                          height: 0,
                         ),
                       ],
                     ))

lib/CustumWidget/BlogCard.dart

@@ -15,8 +15,8 @@ class BlogCard extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      height: 300,
-      padding: EdgeInsets.all(15),
+      height: 280,
+      padding: EdgeInsets.symmetric(horizontal: 13, vertical: 8),
       width: MediaQuery.of(context).size.width,
       child: Card(
         child: Stack(
@@ -27,15 +27,15 @@ class BlogCard extends StatelessWidget {
               decoration: BoxDecoration(
                 image: DecorationImage(
                     image: networkHandler.getImage(addBlogModel.id),
-                    fit: BoxFit.fitWidth),
+                    fit: BoxFit.fill),
               ),
             ),
             Positioned(
               bottom: 2,
               child: Container(
-                padding: EdgeInsets.all(8),
+                padding: EdgeInsets.all(7),
                 height: 60,
-                width: MediaQuery.of(context).size.width,
+                width: MediaQuery.of(context).size.width - 30,
                 decoration: BoxDecoration(
                     color: Colors.white,
                     borderRadius: BorderRadius.circular(8)),

lib/Profile/MainProfile.dart

@@ -32,6 +32,7 @@ class _MainProfileState extends State<MainProfile> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Color(0xffEEEEFF),
       appBar: AppBar(
         elevation: 0,
         backgroundColor: Colors.white10,

lib/Profile/ProfileScreen.dart

@@ -37,6 +37,7 @@ class _ProfileScreenState extends State<ProfileScreen> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Color(0xffEEEEFF),
       body: page,
     );
   }

lib/Screen/HomeScreen.dart

@@ -12,6 +12,7 @@ class _HomeScreenState extends State<HomeScreen> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
+      backgroundColor: Color(0xffEEEEFF),
       body: SingleChildScrollView(
         child: Blogs(
           url: "/blogpost/getOtherBlog",