Provider: bu nima, Flutter ilovalari holat menejeri

Provider nima?

Provider — Flutter-da holatni boshqarish va bog'liqliklarni kiritish üçün InheritedWidget asosida qurilgan paket. Provider vidjetlar daraxtida obyektni (holat, xizmat, repository) taqdim etadi va ma'lumot o'zgarganda UI-ni avtomatik qayta quradi. To'g'ridan-to'g'ri InheritedWidget ishlatishdan farqli o'laroq, Provider barcha boilerplate-ni olib tashlaydi.

Provider — Google tomonidan Flutter-da holatni boshqarish üçün rasman tavsiya etilgan usul (Flutter Team, 2019-2023). Flutter Community Survey 2025 ma'lumotlariga köra, Provider Flutter ilovalarining 72% ida ishlatiladi.

ChangeNotifier va notifyListeners

ChangeNotifier — Listener namunasini amalga oshiradigan o'rnatilgan Flutter sinfi. ChangeNotifier notifyListeners() chaqiruvi orqali obunachilarni o'zgarish haqida xabardor qiladi.

class CounterProvider extends ChangeNotifier {
  int _count = 0;
  int get count => _count;

  void increment() {
    _count++;
    notifyListeners();
  }

  void reset() {
    _count = 0;
    notifyListeners();
  }
}

notifyListeners qoidalari: ma'lumotlar to'liq o'zgargandan keyin chaqiring — metod o'rtasida emas, oxirida. Bir nechta o'zgarishlar bo'lsa, har biridan keyin emas, balki barcha o'zgarishlardan keyin bir marta notifyListeners() chaqiring.

Consumer va context.watch

Consumer — ChangeNotifier-ga obuna bo'ladigan va har notifyListeners() chaqiruvida qayta quriladigan vidjet. Consumer üç parametrli builder funksiyasini qabul qiladi: context, model, child.

Consumer<CounterProvider>(
  builder: (context, provider, child) => Column(
    children: [
      child!, // qayta qurilmaydi
      Text('${provider.count}'),
      ElevatedButton(
        onPressed: () => provider.increment(),
        child: Icon(Icons.add),
      ),
    ],
  ),
  child: Text('Hisoblagich:'),
)

context.watch — Provider-ga obuna bo'lish üçün BuildContext kengaytma metodi. context.read — obunasiz kirish. context.select — modelning ma'lum bir maydoniga obuna.

MultiProvider va ProxyProvider

MultiProvider — ichma-ich joylashtirmasdan bir nechta Provider-ni ro'yxatdan o'tkazish üçün vidjet. MultiProvider providerlar ro'yxatini qabul qiladi.

MultiProvider(
  providers: [
    ChangeNotifierProvider(create: (_) => CartProvider()),
    ChangeNotifierProvider(create: (_) => AuthProvider()),
    ProxyProvider<AuthProvider, OrderProvider>(
      update: (_, auth, __) => OrderProvider(auth.userId),
    ),
  ],
  child: MaterialApp(home: HomePage()),
)

ProxyProvider — boshqa Provider-ga bog'liq Provider. StreamProvider va FutureProvider — reaktiv va asinxron ma'lumotlar üçün.

Provider-ni test qilish

Provider test qilinadi vidjetni test qiymatlari bilan MultiProvider-ga o'rash orqali. Test üçün haqiqiy API yoki ma'lumotlar bazasi kerak emas.

import 'package:flutter_test/flutter_test.dart';

void main() {
  testWidgets('Counter increments on button tap',
    (tester) async {
      await tester.pumpWidget(
        ChangeNotifierProvider(
          create: (_) => CounterProvider(),
          child: CounterScreen(),
        ),
      );
      await tester.tap(find.byKey(Key('increment')));
      await tester.pump();
      expect(find.text('1'), findsOneWidget);
    },
  );
}

Provider: samaradorlik va cheklovlar

Provider samaradorligi InheritedWidget-ga asoslanadi: Provider o'zgarganda, context.watch yoki Consumer orqali obuna bo'lgan barcha vidjetlar qayta quriladi. context.select, Consumer child parametri bilan va const dan foydalaning.