Flutter Horizontal scrollview

horizontalscroll.dart

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {

  @override
    Widget build(BuildContext context) {
      // TODO: implement build
      return Scaffold(
        appBar: AppBar(
          title: Text("circle"),
        ),
        body: Center(
          child: CircleImages()
          )
      );
    }
}

// class MyHomePage extends StatelessWidget {

//   @override
//     Widget build(BuildContext context) {
//       // TODO: implement build
//       return Scaffold(
//         appBar: AppBar(
//           title: Text("circle"),
//         ),
//         body: Center(
//           child: Container(
                  
//                   height: 80.0,
//                   width: 80.0,
//                   margin: EdgeInsets.only(
//                     left: 5.0,
//                     right: 5.0
//                   ),
//                   decoration: BoxDecoration(
//                     borderRadius: BorderRadius.circular(100.0),
//                     border: Border.all(
//                       width: 2.0,
//                       style:BorderStyle.solid ,
//                       color: Color.fromARGB(255, 0 , 0, 0)
//                     ),
//                     image: DecorationImage(
//                       fit: BoxFit.cover,
//                       image: NetworkImage("https://cdn.dribbble.com/users/1368/screenshots/1785863/icons_2x.png")
//                     )
//                   )
//                 ) 
//         ) ,
//       );
//     }
// }

class CircleImages extends StatefulWidget{
  
@override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return CircleWidgets();
  }
}

class CircleWidgets extends State<CircleImages>{
  @override
    Widget build(BuildContext context) {
      List<Widget> widgets = [];
      for(var x = 0 ; x < 10 ; x++){
        widgets.add(Container(
                  height: 60.0,
                  width: 60.0,
                  margin: EdgeInsets.all(
                    6.0
                  ),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(100.0),
                    boxShadow:[
                      new BoxShadow(
                        color: Color.fromARGB(100, 0, 0, 0),
                        blurRadius: 5.0,
                        offset: Offset(5.0, 5.0)
                      )
                    ], 
                    border: Border.all(
                      width: 2.0,
                      style:BorderStyle.solid ,
                      color: Color.fromARGB(255, 0 , 0, 0)
                    ),
                    image: DecorationImage(
                      fit: BoxFit.cover,
                      image: NetworkImage("https://cdn.dribbble.com/users/1368/screenshots/1785863/icons_2x.png")
                    )
                  )
                ) 
            );
      }
      return Container(
        height: 80.0,

        child: ListView(
          scrollDirection: Axis.horizontal,
          padding: EdgeInsets.all(5.0),
          children: widgets
        )
      );
      
    }
}