Para que serve o InputDecoration

Em Flutter, InputDecoration é uma classe que define a aparência visual de um campo de entrada de texto, como um TextField ou um TextFormField.

InputDecoration:

InputDecoration é usado para configurar o estilo e a aparência do campo de entrada de texto. Ele oferece propriedades para definir rótulos, dicas, ícones, bordas e outras características visuais do campo de texto.

Exemplo básico de InputDecoration:

TextField(
  decoration: InputDecoration(
    labelText: 'Nome',
    hintText: 'Insira seu nome',
    border: OutlineInputBorder(), // Borda ao redor do campo
  ),
)

No exemplo acima, labelText define o rótulo exibido acima do campo quando não está focado, hintText é uma dica mostrada no campo quando está vazio e border especifica o estilo da borda do campo.

InputDecoration.collapsed:

InputDecoration.collapsed é um estilo específico de InputDecoration usado para criar um campo de texto que não possui uma borda delimitadora (outline) quando está vazio ou focado. É frequentemente usado em conjunto com outros widgets, como TextFormField, para criar campos de texto mais simples e minimalistas.

Exemplo de uso de InputDecoration.collapsed com TextFormField:

TextFormField(
  decoration: InputDecoration.collapsed(
    hintText: 'Digite sua mensagem',
  ),
)

Neste exemplo, InputDecoration.collapsed é utilizado para criar um campo de texto que tem apenas uma dica (hintText) sem borda ao redor do campo, resultando em uma aparência mais limpa e simplificada.

Em resumo, InputDecoration é usado para configurar a aparência visual de um campo de entrada de texto, enquanto InputDecoration.collapsed é uma variação desse estilo usado para criar campos de texto mais simples sem bordas visíveis quando estão vazios ou focados.