Home Mobile Shimmer Flutter: Membuat Animasi Kilauan yang Memukau pada Aplikasi Anda

Shimmer Flutter: Membuat Animasi Kilauan yang Memukau pada Aplikasi Anda

0

Shimmer adalah sebuah efek animasi yang digunakan dalam aplikasi Flutter untuk memberikan kesan loading atau placeholder pada konten yang sedang dimuat. Efek ini menghasilkan animasi berkedip yang bergerak seperti cahaya yang memantul-mantul, sehingga menciptakan tampilan yang menarik dan memberikan indikasi kepada pengguna bahwa konten sedang dimuat.

Dalam Flutter, paket shimmer tersedia untuk mengimplementasikan efek shimmer dengan mudah. Paket ini menyediakan widget Shimmer yang dapat digunakan untuk membungkus konten yang ingin diberikan efek shimmer. Berikut adalah beberapa komponen penting dalam penggunaan paket shimmer:

– Import paket shimmer:

import 'package:shimmer/shimmer.dart';

– Menggunakan widget Shimmer:

Shimmer(
  child: // Konten yang ingin diberikan efek shimmer
)

Widget Shimmer akan membungkus konten yang ingin diberikan efek shimmer. Konten tersebut dapat berupa teks, gambar, kotak, atau widget Flutter lainnya.

– Mengatur durasi dan arah animasi:

Shimmer(
  duration: Duration(seconds: 2), // Durasi animasi shimmer
  direction: ShimmerDirection.ltr, // Arah animasi shimmer (ltr = left-to-right, rtl = right-to-left, ttb = top-to-bottom, btt = bottom-to-top)
  child: // Konten yang ingin diberikan efek shimmer
)

Anda dapat mengatur durasi animasi dengan mengatur properti duration ke objek Duration. Anda juga dapat mengatur arah animasi dengan mengatur properti direction ke salah satu nilai dari ShimmerDirection.

Dengan menggunakan paket shimmer, Anda dapat memberikan efek shimmer pada elemen-elemen UI seperti teks, gambar, atau konten lainnya saat data sedang dimuat dari sumber eksternal atau ketika ingin menampilkan placeholder sementara.

Penting untuk diingat bahwa penggunaan shimmer harus proporsional dan tidak berlebihan, karena animasi yang terlalu berlebihan dapat mengganggu pengalaman pengguna. Gunakan shimmer secara bijaksana untuk memberikan petunjuk visual yang jelas bahwa konten sedang dimuat.