📦 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! 🚀