📦 Shimmer Loading Package 🚀
Shimmer Loading paketi ma'lumotlar yuklanayotgan vaqtda ekranda jozibali Shimmer effekt hosil qiladi. Bu foydalanuvchilarga kutish jarayonini yanada yoqimli qilish imkoniyatini beradi.
Bu paketni ListView, GridView yoki boshqa widgetlar bilan osongina ishlatish mumkin.
📌 O'rnatish
Pub.dev orqali paketni qo'shish:
dependencies:
shimmer_loading: ^1.0.0
Keyin terminalda quyidagi buyruqni bajaring:
flutter pub get
✨ Xususiyatlar
✅ Shimmer effekti – yuklanayotgan ma'lumotlar o‘rnida chiroyli vizual animatsiya beradi. ✅ ListView, GridView va boshqa widgetlar bilan ishlaydi – moslashuvchan va foydalanish oson. ✅ Customizable – Rang, kenglik, balandlik va shaklni o‘zgartirish mumkin. ✅ Yengil va tezkor – Ilovaga katta yuk tushirmaydi.
🚀 Foydalanish
ShimmerLoading widgetidan foydalanish juda oddiy. Quyidagi kod yordamida uni ishlatishingiz mumkin:
import 'package:flutter/material.dart';
import 'package:shimmer_loading/shimmer_loading.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text('Shimmer Loading Example')),
body: ShimmerLoading(
isLoading: true,
child: ListView.builder(
itemCount: 10,
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar(),
title: Container(height: 10, color: Colors.grey),
subtitle: Container(height: 10, color: Colors.grey.shade300),
);
},
),
),
),
);
}
}
⚙️ Moslamalar
ShimmerLoading widgeti quyidagi parametrlarni qabul qiladi:
| Parametr | Tavsif | Default qiymat |
|---|---|---|
isLoading |
Shimmer effektini yoqish yoki o‘chirish | true |
child |
Ichki widget – asl kontent | - |
baseColor |
Shimmerning asosiy rangi | Colors.grey |
highlightColor |
Shimmerning ajralib turuvchi rangi | Colors.white |
Misol uchun, ranglarini o‘zgartirish:
ShimmerLoading(
isLoading: true,
baseColor: Colors.blueGrey,
highlightColor: Colors.lightBlueAccent,
child: YourWidgetHere(),
)
📌 Qo‘shimcha
Agar sizga ushbu paket yoqgan bo‘lsa, yulduzcha bosing ⭐ va o‘z loyihalaringizda foydalaning!
📬 Murojaat uchun: Agar sizda taklif yoki muammolar bo‘lsa, GitHub Issues bo‘limida biz bilan bog‘laning.
✅ Shimmer effekt bilan kutish jarayonini jozibali qiling! 🚀