Cara Agar Leading ListTile Berada di Tengah
Sudah lama ga nulis lagi. 🙏
Artikel singkat kali ini ane akan share cara supaya Leading dari widget ListTile berada di tengah-tengah.
Secara default, Leading ini sejajar dengan Title. Seperti contoh berikut:
ListTile(
leading: Icon(Icons.emoji_events_outlined),
title: Text("Catur"),
subtitle: Text("Ade Fathudin menang"),
trailing: Text("08 Apr 22"),
)
dan outputnya akan seperti berikut:
Pada gambar di atas terlihat tidak rapih karena icon tidak berada ditengah-tengah antara title dan subtitle.
Lalu bagaimana solusinya?
Agan cukup membungkus komponen leading menggunakan widget Container.
ListTile(
leading: Container(
height: double.infinity,
child: Icon(Icons.emoji_events_outlined),
),
title: Text("Catur"),
subtitle: Text("Ade Fathudin menang"),
trailing: Text("08 Apr 22"),
)
dan outputnya akan sesuai dengan yang diharapkan
Posting Komentar untuk "Cara Agar Leading ListTile Berada di Tengah"