Rabu, 10 Februari 2021

Flutter Travel UI Project - Menampilkan List tanpa harus menulis index

 

Flutter Travel UI Project - Menampilkan List tanpa harus menulis index
Ternyata list dapat ditampilkan hanya dengan menuliskan beberapa syntax saja, misal :

daftar icon yang akan ditampilkan:

List<IconData> _icons = [
    FontAwesomeIcons.plane,
    FontAwesomeIcons.bed,
    FontAwesomeIcons.walking,
    FontAwesomeIcons.biking,
  ];

fungsi yang akan dibuat :

Widget _buildIcon(int index) {
    return Container(
      height: 60.0,
      width: 60.0,
      decoration: BoxDecoration(
        color: Theme.of(context).accentColor,
        borderRadius: BorderRadius.circular(30.0),
      ),
      child: Icon(
        _icons[index],
        size: 25.0,
        color: Theme.of(context).primaryColor,
      ),
    );
  }

maka jika ingin memanggilnya, hanya cukup menulis syntax ini :

_icons.asMap().entries.map((MapEntry map) => _buildIcon(map.key)).toList()

Jadi, ketika kita akan meng-update icon baru, otomatis akan ditambahkan dan ditampilkan ke dalam row.

Ketika pemakaian, yang diubah hanya variabel _icons dan fungsi _buildIcon saja, sesuai dengan kebutuhan.


EmoticonEmoticon