ListView widget di Flutter digunakan untuk menampilkan daftar item dalam aplikasi. Widget ini bisa menampilkan item secara vertikal atau horizontal dan memungkinkan aplikasi untuk melakukan scroll pada daftar tersebut.

Untuk menggunakan ListView widget, Anda harus menentukan item-item yang akan ditampilkan dalam daftar tersebut. Anda dapat menggunakan sebuah List yang berisi Widget atau ListTile untuk menentukan item-item tersebut.

Contoh penggunaan ListView widget dengan menggunakan List:

ListView(
  children: <Widget>[
    Text('Item 1'),
    Text('Item 2'),
    Text('Item 3'),
    Text('Item 4'),
  ],
)

Contoh penggunaan ListView widget dengan menggunakan ListTile:

ListView(
  children: <Widget>[
    ListTile(
      leading: Icon(Icons.person),
      title: Text('Item 1'),
      trailing: Icon(Icons.delete),
    ),
    ListTile(
      leading: Icon(Icons.photo),
      title: Text('Item 2'),
      trailing: Icon(Icons.delete),
    ),
    ListTile(
      leading: Icon(Icons.phone),
      title: Text('Item 3'),
      trailing: Icon(Icons.delete),
    ),
  ],
)

Anda juga dapat menggunakan ListView.builder untuk membuat ListView yang menampilkan jumlah item yang tidak diketahui sebelumnya. Contohnya:

ListView.builder(
    itemCount: items.length,
    itemBuilder: (context, index) {
    return ListTile(
        leading: Icon(Icons.person),
        title: Text(items[index]),
        trailing: Icon(Icons.delete),
      );
    },
  ),

Di sini, itemCount menentukan jumlah item yang ditampilkan dalam ListView dan itemBuilder menentukan bagaimana setiap item ditampilkan.

ListView juga memiliki beberapa properti lain yang bisa digunakan untuk mengatur ListView seperti scrollDirection, reverse, padding, dll.

Baca Juga

Flutter: Membuat Button di flutter

Program Sederhana menggunakan Listview untuk menampilkan gambar

Berikut ini adalah contoh program menggunakan ListView widget di Flutter untuk menampilkan sejumlah gambar:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final List<String> images = [
    'https://www.example.com/image1.jpg',
    'https://www.example.com/image2.jpg',
    'https://www.example.com/image3.jpg',
    'https://www.example.com/image4.jpg',
    'https://www.example.com/image5.jpg',
  ];

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('ListView Example'),
        ),
        body: ListView.builder(
          itemCount: images.length,
          itemBuilder: (context, index) {
            return Image.network(
              images[index],
              fit: BoxFit.cover,
            );
          },
        ),
      ),
    );
  }
}

Dalam program di atas, kita membuat sebuah list yang berisi url dari sejumlah gambar yang akan ditampilkan dalam ListView. Kemudian kita menggunakan ListView.builder() untuk membuat sebuah ListView yang memiliki jumlah item yang sesuai dengan jumlah gambar dalam list tersebut. Pada setiap iterasi dari itemBuilder, kita menambahkan sebuah Image.network() widget yang menampilkan gambar dari url yang sesuai dengan index dari list.

Perlu diingat bahwa url yang diberikan dalam contoh diatas hanyalah contoh dan harus diganti dengan url yang sesuai dengan gambar yang anda inginkan untuk ditampilkan.

Anda juga dapat menambahkan beberapa properti lain untuk ListView atau Image widget untuk mengatur tampilan dan perilaku dari ListView. Sebagai contoh, Anda dapat menambahkan properti padding untuk mengatur jarak antar gambar dalam list, atau menambahkan properti onTap untuk menangani event ketika gambar ditekan.

Itu saja, tutorial tentang ListView Widget Flutter, semoga dapat membantu dalam membuat aplikasi anda. Selalu pastikan untuk melihat dokumentasi Flutter untuk informasi lebih lanjut dan contoh kode yang lebih kompleks.