Added list layout

Author: rohitksingh

movie_app/lib/main.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'movie_detail_page.dart';
+import 'package:flutter/foundation.dart';
 
 void main() => runApp(new MyApp());
 
@@ -9,6 +10,8 @@ class MyApp extends StatelessWidget{
   @override
   Widget build(BuildContext context) {
 
+    debugPrint("Calling now");
+
     return new MaterialApp(
 
       title: 'Movie-detail-page' ,

movie_app/lib/movie_detail_page.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'dart:async';
 import 'dart:convert';
 import 'package:http/http.dart' as http;
+import 'package:flutter/foundation.dart';
 
 
 class MovieList extends StatefulWidget{
@@ -28,6 +29,9 @@ class MovieListState extends State<MovieList>{
 
     setState(() {
       movies = data['results'];
+
+      debugPrint('Response $movies');
+
     });
 
   }
@@ -36,6 +40,8 @@ class MovieListState extends State<MovieList>{
   @override
   Widget build(BuildContext context) {
 
+    getData();
+
     return new Scaffold(
 
       backgroundColor: Colors.white,
@@ -64,6 +70,7 @@ class MovieListState extends State<MovieList>{
           crossAxisAlignment: CrossAxisAlignment.start,
           children: <Widget>[
             new MovieTitle(mainColor),
+            
           ],
         ),
 
@@ -77,7 +84,7 @@ class MovieListState extends State<MovieList>{
 
   Future<Map> getJson() async {
 
-    var url = 'http://api.themoviedb.org/3/discover/movie?api_key={1e180262302e279996c7e928084a6c28}';
+    var url = 'http://api.themoviedb.org/3/discover/movie?api_key=1e180262302e279996c7e928084a6c28';
     http.Response response = await http.get(url);
     return json.decode(response.body);
 
@@ -115,4 +122,64 @@ class MovieTitle extends StatelessWidget{
   }
 
 
-}
+}
+
+
+class MovieCell extends StatelessWidget{
+  
+  final movies;
+  final i;
+  Color mainColor = const Color(0xff3C3261);
+  var image_url = 'https://image.tmdb.org/t/p/w500/';
+
+  MovieCell(this.movies, this.i);
+
+
+  @override
+  Widget build(BuildContext context) {
+
+    return new Column(
+
+      children: <Widget>[
+        new Row(
+          children: <Widget>[
+            new Padding(
+              padding: const EdgeInsets.all(0.0),
+              child: new Container(
+                margin: const EdgeInsets.all(0.0),
+                child: new Container(
+                  margin: const EdgeInsets.all(0.0),
+                  child: new Container(
+                    width: 70.0,
+                    height: 70.0,
+                  ),
+                ),
+                decoration: new BoxDecoration(
+                  borderRadius: new BorderRadius.circular(10.0),
+                  color: Colors.grey,
+                  image: new DecorationImage(image: new NetworkImage(image_url+movies[i]),fit: BoxFit.cover),
+                  boxShadow: [
+                    new BoxShadow(
+                      color: mainColor,
+                      blurRadius: 5.0,
+                      offset: new Offset(2.0,5.0)
+                    )
+                  ],
+                ),
+              ),
+
+            )
+          ],
+        )
+
+      ],
+
+    );
+  }
+
+
+
+  
+  
+  
+}

movie_app/pubspec.yaml

@@ -19,11 +19,12 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  http: ^0.12.0+2
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^0.1.2
-  http: ^0.12.0+2
+
 
 
 dev_dependencies: