Fixed some bugs in displaying movie images

Author: deepakmkoshy

README.md

@@ -1,16 +1,2 @@
-# megaflixz
+# Megaflixz
 
-A new Flutter project.
-
-## Getting Started
-
-This project is a starting point for a Flutter application.
-
-A few resources to get you started if this is your first Flutter project:
-
-- [Lab: Write your first Flutter app](https://flutter.dev/docs/get-started/codelab)
-- [Cookbook: Useful Flutter samples](https://flutter.dev/docs/cookbook)
-
-For help getting started with Flutter, view our
-[online documentation](https://flutter.dev/docs), which offers tutorials,
-samples, guidance on mobile development, and a full API reference.

lib/models/movie.dart

@@ -22,9 +22,13 @@ class MovieModel {
   });
 
   factory MovieModel.fromJson(Map<String, dynamic> parsedJson) {
+    print(parsedJson['original_title']);
+    print(parsedJson['poster_path']);
+
     return MovieModel(
         title: parsedJson['original_title'],
         overview: parsedJson['overview'],
-        imgPath: parsedJson['poster_path']);
+        imgPath:
+            parsedJson['poster_path'] ?? '/q719jXXEzOoYaps6babgKnONONX.jpg');
   }
 }

lib/screens/homepage.dart

@@ -32,10 +32,10 @@ class _HomePageState extends State<HomePage> {
               padding: EdgeInsets.all(16.0),
               itemCount: moviesLists.length,
               gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                  mainAxisSpacing: 15,
+                  mainAxisSpacing: 5,
                   crossAxisSpacing: 15,
                   crossAxisCount: 2,
-                  childAspectRatio: 8 / 12),
+                  childAspectRatio: 7.5 / 12),
               itemBuilder: (BuildContext context, int index) {
                 return MovieCard(movieModel: moviesLists[index]);
               });

lib/screens/movie_display.dart

@@ -28,16 +28,17 @@ class _MovieDisplayState extends State<MovieDisplay> {
       body: FutureBuilder(
         future: MovieGenre(genreId: widget.genreid).getData(),
         builder: (BuildContext context, AsyncSnapshot snapshot) {
-          if (!snapshot.hasData) return Center(child: CircularProgressIndicator());
+          if (!snapshot.hasData)
+            return Center(child: CircularProgressIndicator());
           moviesLists = snapshot.data.movieList;
           return GridView.builder(
               padding: EdgeInsets.all(16.0),
               itemCount: moviesLists.length,
               gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                  mainAxisSpacing: 15,
+                  mainAxisSpacing: 5,
                   crossAxisSpacing: 15,
                   crossAxisCount: 2,
-                  childAspectRatio: 8 / 12),
+                  childAspectRatio: 7.5 / 12),
               itemBuilder: (BuildContext context, int index) {
                 return MovieCard(movieModel: moviesLists[index]);
               });

lib/screens/widgets/drawer.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:megaflixz/data/genre_api.dart';
 import 'package:megaflixz/models/genres.dart';
+import 'package:megaflixz/screens/homepage.dart';
 import 'package:megaflixz/screens/movie_display.dart';
 
 class DrawerWid extends StatefulWidget {
@@ -23,7 +24,27 @@ class _DrawerWidState extends State<DrawerWid> {
               'GENRES',
               style: TextStyle(fontWeight: FontWeight.bold, fontSize: 22),
             ),
-            SizedBox(height: 30),
+            GestureDetector(
+              onTap: () {
+                Navigator.of(context)
+                    .push(MaterialPageRoute(builder: (ctxt) => HomePage()));
+              },
+              child: Column(
+                children: [
+                  SizedBox(height: 30),
+                  Text(
+                    'Trending',
+                    style: TextStyle(fontSize: 16),
+                  ),
+                  SizedBox(height: 20),
+                  Divider(
+                    thickness: 1,
+                    indent: 20,
+                    endIndent: 20,
+                  ),
+                ],
+              ),
+            ),
             Expanded(
               child: FutureBuilder(
                 future: GenreApi().getData(),
@@ -38,6 +59,7 @@ class _DrawerWidState extends State<DrawerWid> {
                     itemCount: genre.length,
                     itemBuilder: (context, index) {
                       return GestureDetector(
+                        behavior: HitTestBehavior.opaque,
                         onTap: () {
                           Navigator.of(context).push(MaterialPageRoute(
                               builder: (ctxt) => MovieDisplay(

lib/screens/widgets/movie_card.dart

@@ -13,11 +13,11 @@ class MovieCard extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       // padding: EdgeInsets.all(16.0),
-      // height: 200,
-      decoration: BoxDecoration(
-        // color: Colors.orange,
-        borderRadius: BorderRadius.circular(16.0),
-      ),
+      // height: 300,
+      // decoration: BoxDecoration(
+      //   // color: Colors.orange,
+      //   borderRadius: BorderRadius.circular(16.0),
+      // ),
       child: Column(
         children: [
           ClipRRect(
@@ -29,13 +29,14 @@ class MovieCard extends StatelessWidget {
             ),
           ),
           Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 16),
+            padding: const EdgeInsets.fromLTRB(10.0, 4.0, 0, 0),
             child: Text(
               movieModel.title,
+              maxLines: 2,
               overflow: TextOverflow.ellipsis,
-              style: TextStyle(fontSize: 12),
+              style: TextStyle(fontSize: 14),
             ),
-          )
+          ),
         ],
       ),
     );