ListView in Flutter

 Start new project. My class name is simplelistview

Open main.dart replace the code with the following below code

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48

import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'ListViews', theme: ThemeData( primarySwatch: Colors.teal, ), home: Scaffold( appBar: AppBar(title: Text('ListViews')), body: ListViewLayout(), ), ); } } class ListViewLayout extends StatelessWidget { @override Widget build(BuildContext context) { final titles = [ 'Apple', 'Ball;', 'Car', 'Dog', ]; return ListView.builder( itemCount: titles.length, itemBuilder: (context, index) { return Card( // <-- Card widget child: ListTile( title: Text(titles[index]), ), ); }, ); } } // replace this function with the code in the examples Widget simplelistview(BuildContext context) { return ListView(); } Run the app in your iOS/ Android simulators, you will get below image response. All the best!