Checkbox

 

¿Qué es un Checkbox en Flutter?

Un Checkbox en Flutter es un widget que permite al usuario seleccionar una opción binaria: verdadero o falso. Es como una casilla de verificación que puedes marcar o desmarcar. Visualmente, se representa como un pequeño cuadro que puede estar vacío (no seleccionado) o con una marca dentro (seleccionado).

¿Cómo se usa un Checkbox?

El widget Checkbox es bastante sencillo de utilizar. Aquí tienes un ejemplo básico:

Dart

import 'package:flutter/material.dart';

class MyCheckboxExample extends StatefulWidget {
  @override
  _MyCheckboxExampleState createState() => _MyCheckboxExampleState();
}

class _MyCheckboxExampleState extends State<MyCheckboxExample> {
  bool _isChecked = false;

  @override
  Widget build(BuildContext context) {
    return Checkbox(
      value: _isChecked,
      onChanged: (bool? value) {
        setState(() {
          _isChecked    = value!;
        });
      },
    );
  }
}

Explicación del código:

• value: Esta propiedad indica si el Checkbox está marcado o no.
• onChanged: Esta función se ejecuta cuando el usuario cambia el estado del Checkbox. Aquí puedes actualizar el estado de tu widget para reflejar los cambios.

Propiedades importantes del Checkbox

• tristate: Si se establece en true, el Checkbox puede tener tres estados: marcado, desmarcado y nulo.
• activeColor: Color del Checkbox cuando está marcado.
• checkColor: Color de la marca dentro del Checkbox cuando está marcado.
• shape: Forma del Checkbox (redonda, cuadrada, etc.).

Ejemplo más completo:

Dart

import 'package:flutter/material.dart';

class MyCheckboxExample extends StatefulWidget {
  @override
  _MyCheckboxExampleState createState() => _MyCheckboxExampleState();
}

class _MyCheckboxExampleState extends State<MyCheckboxExample> {
  bool _agreeToTerms = false;

  @override
  Widget build(BuildContext context) {
    return CheckboxListTile(
      title: Text('Acepto los términos y condiciones'),
      value: _agreeToTerms,
      onChanged: (bool? value) {
        setState(() {
          _agreeToTerms = value!;
        });
      },
    );
  }
}

CheckboxListTile:

• Combina un Checkbox con un ListTile para crear una fila que incluye el Checkbox y un texto.
• Es útil para crear listas de opciones seleccionables.

Usos comunes de Checkbox

• Formularios: Para permitir que los usuarios seleccionen opciones como "Acepto los términos y condiciones".
• Listas de opciones: Para crear listas donde el usuario puede seleccionar múltiples opciones.
• Configuraciones: Para permitir que los usuarios personalicen la apariencia o el comportamiento de una aplicación.

En resumen, el Checkbox es un widget simple pero poderoso en Flutter que te permite agregar interactividad a tus aplicaciones. Es ideal para situaciones donde el usuario necesita tomar decisiones binarias.