Provider: какво е, мениджър на състоянието на Flutter приложения

Какво е Provider?

Provider — пакет за управление на състоянието и инжектиране на зависимости в Flutter, построен върху InheritedWidget. Provider предоставя обект (състояние, услуга, репозиториум) в дървото от widget-ове и автоматично преизгражда UI при промяна на данните. За разлика от директното използване на InheritedWidget, Provider премахва цялата boilerplate.

Provider е официално препоръчан от Google за управление на състоянието в Flutter (Flutter Team, 2019-2023). Според Flutter Community Survey 2025, Provider се използва в 72% от Flutter приложенията.

ChangeNotifier и notifyListeners

ChangeNotifier — вграден клас на Flutter, който имплементира модела Listener. ChangeNotifier уведомява абонатите за промяна чрез извикването на notifyListeners().

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

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

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

Правила на notifyListeners: извиквайте след пълна промяна на данните — не в средата на метода, а в края. При много промяни извиквайте notifyListeners() веднъж след всички промяни.

Consumer и context.watch

Consumer — widget, който се абонира за ChangeNotifier и се преизгражда при всяко извикване на notifyListeners().

Consumer<CounterProvider>(
  builder: (context, provider, child) => Column(
    children: [
      child!, // не се преизгражда
      Text('${provider.count}'),
      ElevatedButton(
        onPressed: () => provider.increment(),
        child: Icon(Icons.add),
      ),
    ],
  ),
  child: Text('Брояч:'),
)

context.watch — метод за разширение на BuildContext за абониране към Provider. context.read — достъп без абонамент. context.select — абониране за конкретно поле на модела.

MultiProvider и ProxyProvider

MultiProvider — widget за регистриране на няколко Provider без вложеност. ProxyProvider — Provider, който зависи от друг Provider.

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

Тестване на Provider

Provider се тества чрез увиване на widget-а в MultiProvider с тестови стойности.

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: производителност и ограничения

Производителността на Provider се базира на InheritedWidget: при промяна на Provider всички абонирани чрез context.watch или Consumer widget-ове се преизграждат. Използвайте context.select, Consumer с параметър child и const за статични widget-ове.