8.9. Gestión de estados en Flutter: Gestión de estados con GetX

La gestión del estado es un componente esencial en el desarrollo de la aplicación Flutter. Se refiere a crear, almacenar, alterar y destruir estados en su aplicación. El estado es simplemente información que la aplicación puede leer y cambiar. Este artículo se centrará en la gestión del estado con GetX, una biblioteca de Flutter para la gestión del estado, la dependencia y el enrutamiento en un paquete rápido, ligero y potente.

GetX es una biblioteca de gestión de estado y dependencias para Flutter que combina un alto rendimiento con una API minimalista. Proporciona una forma sencilla y productiva de manejar el estado de su aplicación. GetX es fácil de usar y no requiere mucha configuración, lo que lo convierte en una excelente opción para los desarrolladores de Flutter de todos los niveles.

¿Cómo empezar a utilizar GetX?

Para comenzar con GetX, necesitas agregar la dependencia `get` en tu archivo `pubspec.yaml`:

dependencias:
  aleteo:
    SDK: aleteo
  obtener: ^4.1.4

Después de agregar la dependencia, ejecute el comando `flutter pub get` para descargar la biblioteca.

Gestión de estados con GetX

Hay varias formas de administrar el estado con GetX, pero centrémonos en la más común, que es usar `GetBuilder` y `GetX`.

ObtenerConstructor

GetBuilder es una clase que le permite reaccionar a los cambios de estado. Para usar GetBuilder, necesita crear una clase de controlador que extienda `GetxController` y tenga una propiedad observable. Aquí tienes un ejemplo:

clase CounterController extiende GetxController {
  recuento de var = 0.obs;

  incremento vacío() {
    contar.valor++;
  }
}

En la clase anterior, `count` es un valor observable, lo que significa que podemos reaccionar a sus cambios. La función `increment` aumenta el valor de `count`.

Para usar `CounterController` en un widget de Flutter, puedes usar `GetBuilder` de la siguiente manera:

GetBuilder(
  inicio: ContadorControlador(),
  constructor: (controlador) {
    return Texto('Clic: ${controller.count}');
  },
)

Cada vez que cambia el valor de `count`, el widget `Text` se reconstruye con el nuevo valor.

ObtenerX

GetX es similar a GetBuilder, pero es más conciso y ofrece más funcionalidad. Para usar GetX, no es necesario crear una clase de controlador. En su lugar, puedes usar la función `GetX` directamente en tu widget:

GetX(
  inicio: ContadorControlador(),
  constructor: (controlador) {
    return Texto('Clic: ${controller.count}');
  },
)

GetX también admite la inyección de dependencias, lo que significa que puede crear una instancia de su controlador en un lugar y luego acceder a ella desde cualquier lugar de su aplicación. Esto es útil para compartir datos entre diferentes partes de su aplicación.

Conclusión

GetX es una poderosa biblioteca para la gestión de estados en Flutter. Ofrece una API simple y concisa, lo que hace que la gestión del estado sea una tarea fácil y agradable. Si estás buscando una manera de administrar el estado de tu aplicación Flutter, definitivamente vale la pena echarle un vistazo a GetX.

Siguiente página del libro electrónico gratuito:

111Gestión de estados en Flutter: Gestión de estados con Hive

3 minutos