Provider: шта је, менаџер стања Flutter апликација

Шта је Provider?

Provider — пакет за управљање стањем и убризгавање зависности у Flutter-у, изграђен изнад InheritedWidget-а. Provider омогућуће приступ објекту (стање, сервис, репозиторијум) у дрвету виџета и аутоматски поново изграђује UI при промени података. За разлику од директног коришћења InheritedWidget-а, Provider уклања сав boilerplate: није потребно писати подкласу InheritedWidget-а, конфигурисати статичку методу of() и управљати угњежђивањем.

Provider је званично препоручен од стране Google-а начин управљања стањем у Flutter-у (Flutter Team, 2019-2023). Пакет је део Flutter Ecosystem-а и га подржава Flutter тим. Према Flutter Community Survey 2025, Provider се користи у 72% Flutter апликација.

ChangeNotifier и notifyListeners

ChangeNotifier — уграђена Flutter класа која имплементира образац Listener. ChangeNotifier обавештава претплатнике о промени позивом notifyListeners(). Креира се класа која насљеђује ChangeNotifier са пољима и методама који позивају notifyListeners() након промене података.

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

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

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

Правила notifyListeners: позивати након потпуне промене података — не у средини методе, већ на крају. Ако метода извршава више промена, позивите notifyListeners() једанпут након свих промена.

Алтернативе за ChangeNotifier: ValueNotifier — за једну вредност, StateNotifier — из пакета state_notifier.

Consumer и context.watch

Consumer — виџет који се претплаћује на ChangeNotifier и поново се изграђује при сваком позиву notifyListeners(). Consumer прихвата builder функцију са три параметра: context, model, child.

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 — виџет за регистрацију више Provider-а без угњежђивања. MultiProvider прихвата листу провајдера.

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

ProxyProvider — Provider који зависи од другог Provider-а. StreamProvider и FutureProvider — за реактивне и асинхроне податке.

Тестирање Provider-а

Provider се тестира умотавањем виџета у MultiProvider са тест вредностима. За тест није потребан прави API или база података.

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 се поново изграђују. Користите context.select, Consumer са параметром child и const за статичке виџете.