Card image cap
[Flutter][11] Membuat Listview (Basic)
Monday, 25 Feb 2019

Hello world,

Hari ini saya akan mencoba menbahas mengenai pembuatan listview di flutter. Ada beberapa penggunaan ListView di flutter. Tapi untuk pebahasan kali ini saya hanya membahas versi basic-nya. Selebihnya nanti akan saya bahas di post yang berbeda agar tidak terlalu panjang pembahasannya. Oke langsung saja masuk ke contoh.

import 'package:flutter/material.dart';

void main() {
runApp(new MaterialApp(
title: "My Apps",
home: new Myapp(),
));
}

class Myapp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: new Text("My Apps"),
),
body: new Container(
child: Text('Hello World')
),
);
}
}

Dari contoh di atas kita coba mengubah isi dari container dengan listview. Hasil sederhananya bisa dilihat di bawah ini. Pertama kita buat ListView yang berisi children. Di dalam children kita bisa isi beberapa listTile yang berisi leading dan title-nya. Ini contoh yang paling sederhana.

    body: new Container(
child: ListView(
children: [
ListTile(
leading: Icon(Icons.map),
title: Text('Map'),
),
ListTile(
leading: Icon(Icons.photo_album),
title: Text('Album'),
),
ListTile(
leading: Icon(Icons.phone),
title: Text('Phone'),
),
],
),
),

Tampilannya akan seperti ini.

Selamat Mencoba :)