Sobes.tech
Junior

¿Para qué se utiliza el widget Placeholder en Flutter?

sobes.tech AI

Respuesta de la IA

El widget Placeholder se utiliza para representar visualmente contenido que falta o aún no ha sido implementado. Muestra un rectángulo, generalmente lleno de líneas transversales, indicando que en ese lugar se colocará otro widget en el futuro.

Escenarios principales de uso:

  • Prototipado rápido de UI: Permite esbozar la estructura de la pantalla sin esperar a que los widgets reales (como imágenes o elementos complejos de usuario) estén listos.
  • Depuración: Ayuda a ver dónde se añadirá un widget o a detectar problemas de diseño cuando el widget esperado no se muestra.
  • Marcador de posición para contenido en carga: Se puede usar temporalmente mientras se carga contenido real (como imágenes desde la red).
  • Desarrollo en equipo: Los desarrolladores pueden usar Placeholder para marcar lugares en los que trabajarán sus colegas.

Ejemplo de uso:

// Ejemplo simple de uso de Placeholder
class MyWidget extends StatelessWidget {
  const MyWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Ejemplo de Placeholder'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // Aquí irá la imagen
            const SizedBox(
              width: 100,
              height: 100,
              child: Placeholder(),
            ),
            const SizedBox(height: 20),
            const Text('Este es un texto debajo del Placeholder'),
          ],
        ),
      ),
    );
  }
}

Propiedades del widget Placeholder:

  • color: Color de las líneas y del fondo.
  • strokeWidth: Grosor de las líneas.
  • fallbackWidth, fallbackHeight: Tamaños utilizados si el Placeholder no está restringido por el widget padre.

Es útil para un diseño visual rápido y depuración, permitiendo centrarse en la disposición sin preocuparse por los detalles específicos de los widgets.