Home Mobile How to Use Shimmer Widget Flutter

How to Use Shimmer Widget Flutter

0

Bismillah, Assalamu’alaikum Warahamatullahi Wabarakatuh Sobat Uda dan Uni..

Pada penasaran kan gimana caranya membuat Shimmer Effect seperti gambar diatas?
Oke, langsung saja kita lanjut ke tutorial menggunakan Shimmer Widget Flutter.

Tambahkan pada pubspec.yaml library shimmer widget

https://pub.dev/packages/shimmer/install

Lalu tambahkan kodingan berikut pada widget yang akan di tambahkan Shimmer Effect

  child: Shimmer.fromColors(
            period: Duration(seconds: 2),
              direction: ShimmerDirection.btt,
              child: Text(
                'Swipe this text',
                style: TextStyle(fontSize: 40,
                    fontWeight: FontWeight.bold),
              ),
              baseColor: Colors.grey[400]!,
              highlightColor: Colors.grey[100]!),
        ),

Setelah itu, teman2 bisa running aplikasinya. Gimana? Cukup mudah kan..
Selamat mencoba, semoga bermanfaat ^ ^