Provider en Flutter para estado global: ejercicio resuelto

Si buscas Provider en Flutter, este ejercicio te enseña una base limpia de estado global con ChangeNotifier.

Enunciado

Crea un contador global que se muestre y actualice desde varios widgets.

Solución en Flutter

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

void main() {
  runApp(
    ChangeNotifierProvider(
      create: (_) => CounterStore(),
      child: const MaterialApp(home: ProviderPage()),
    ),
  );
}

class CounterStore extends ChangeNotifier {
  int value = 0;

  void increment() {
    value += 1;
    notifyListeners();
  }
}

class ProviderPage extends StatelessWidget {
  const ProviderPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Provider basico')),
      body: Center(
        child: Consumer<CounterStore>(
          builder: (_, store, __) => Text('${store.value}', style: const TextStyle(fontSize: 42)),
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => context.read<CounterStore>().increment(),
        child: const Icon(Icons.add),
      ),
    );
  }
}

Resultado esperado

El valor se actualiza en todos los widgets suscritos sin pasar props manualmente.

Errores frecuentes

Llamar notifyListeners en exceso.
Colocar toda la logica de app en un unico provider.
No separar estado de UI.

Aplicación práctica

Provider sigue siendo una opción estable para apps pequeñas y medianas con estado compartido.

Siguiente ejercicio recomendado

Práctica guiada y siguiente paso

FAQ

¿Provider es suficiente para una app real?

Sí, en muchos proyectos pequenos y medianos funciona bien con buena separacion de responsabilidades.

¿Cuándo migrar a Riverpod o Bloc?

Cuándo necesitas más trazabilidad, testabilidad avanzada o arquitectura más estricta.

¿Provider penaliza rendimiento?

No si divides el estado y limitas reconstrucciones con Consumer y selectores.