What is ListView in Flutter: Explanation and Example

ListView in Flutter is a scrollable list of widgets arranged linearly. It allows you to display many items efficiently by creating only visible widgets on the screen, making it ideal for long lists.

How It Works

Imagine you have a long row of books on a shelf, but you can only see a few at a time. ListView works like that shelf, showing only the books (items) you can see and loading more as you scroll. This saves memory and keeps your app fast.

It arranges widgets vertically or horizontally in a scrollable area. Flutter builds only the visible items plus a few extra, so it doesn’t waste resources creating all items at once.

Example

This example shows a simple vertical ListView with three text items.

dart

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Simple ListView')),
        body: ListView(
          children: [
            ListTile(title: Text('Item 1')),
            ListTile(title: Text('Item 2')),
            ListTile(title: Text('Item 3')),
          ],
        ),
      ),
    );
  }
}

Output

A screen with an app bar titled 'Simple ListView' and a scrollable list showing three items labeled 'Item 1', 'Item 2', and 'Item 3'.

When to Use

Use ListView when you need to show a list of items that might be longer than the screen. Examples include chat messages, contact lists, or product catalogs.

It is perfect when you want smooth scrolling and efficient memory use because it builds only what is visible.

Key Points

• Scrollable: ListView lets users scroll through many items.
• Efficient: Builds only visible items to save memory.
• Flexible: Supports vertical and horizontal layouts.
• Easy to use: Simple to create with children widgets or builder pattern.

Key Takeaways

ListView creates a scrollable list of widgets arranged linearly.

It builds only visible items to keep apps fast and memory-efficient.

Use ListView for displaying long lists like chats or contacts.

You can customize ListView with children or builder for dynamic lists.