Flutter Widget | 08 | ListView | Horizontal, Vertical

Here is the video tutorial

Code

 main.dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

title: 'Flutter Demo',

theme: ThemeData(

primaryColor: Color(0xFF832685),

primaryColorLight: Color(0xFFC81379),

accentColor: Colors.black,

),

home: MyHomePage(),

);

}

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

String title = 'ListView';

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(title),

centerTitle: true,

),

body: ListView.builder(

scrollDirection: Axis.vertical, // scrollDirection: Axis.horizontal,

itemCount: 50,

itemBuilder: (context, i) {

return Container(

padding: EdgeInsets.all(16.0),

child: Text('Item $i'),

);

},

),     );

}

}