Diferença do labelText e do hintText?

Oi, Yang! Como vai?

Boa pergunta! Vamos direto ao ponto com um exemplo que mostra a diferença entre labelText e hintText em um TextField:

TextField(
  decoration: InputDecoration(
    labelText: 'Nome',
    hintText: 'Digite seu nome completo',
  ),
)

Explicando:

• labelText: é o rótulo que fica visível mesmo quando o campo está vazio e, ao focar no campo, ele sobe acima da borda.
• hintText: é o texto que aparece dentro do campo, como uma dica, mas desaparece quando o usuário começa a digitar.

Ou seja:

TextField(
  decoration: InputDecoration(
    labelText: 'Email', // rotulo do campo
    hintText: 'exemplo@dominio.com', // dica dentro do campo
  ),
)

Esse código cria um campo de texto com o label “Email” e a dica “exemplo@dominio.com”.

Exemplo em gif pra deixar mais visual:

O both usa os dois juntos.

Espero ter te ajudado.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!