Sobes.tech
Junior

Para que é que é utilizado o widget Placeholder no Flutter?

sobes.tech IA

Resposta da IA

O widget Placeholder é usado para representar visualmente conteúdo ausente ou ainda não implementado. Ele exibe um retângulo, geralmente preenchido com linhas transversais, indicando que outro widget será colocado neste local futuramente.

Principais cenários de uso:

  • Prototipagem rápida de UI: Permite esboçar a estrutura da tela sem esperar que os widgets reais (como imagens ou elementos complexos de usuário) estejam prontos.
  • Depuração: Ajuda a ver onde um widget será adicionado ou a detectar problemas de layout quando o widget esperado não aparece.
  • Marcador de posição para conteúdo em carregamento: Pode ser usado temporariamente enquanto o conteúdo real está sendo carregado (como imagens da rede).
  • Desenvolvimento em equipe: Os desenvolvedores podem usar Placeholder para marcar locais nos quais seus colegas irão trabalhar.

Exemplo de uso:

// Exemplo simples 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('Exemplo de Placeholder'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // Aqui ficará a imagem
            const SizedBox(
              width: 100,
              height: 100,
              child: Placeholder(),
            ),
            const SizedBox(height: 20),
            const Text('Este é um texto abaixo do Placeholder'),
          ],
        ),
      ),
    );
  }
}

Propriedades do widget Placeholder:

  • color: Cor das linhas e do fundo.
  • strokeWidth: Espessura das linhas.
  • fallbackWidth, fallbackHeight: Tamanhos usados se o Placeholder não for limitado pelo widget pai.

Ele é útil para um design visual rápido e depuração, permitindo focar na disposição sem se preocupar com detalhes específicos dos widgets.