Flutter: Tela com captura do widget textfield
Aprenda neste projeto como navegar no Flutter levando dados de uma tela para outra. Para isso utilizaremos o Widget TextField, que é um campo de texto.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Introdução
O exemplo criado neste projeto pode ser visualizado na Animação 1.
O usuário digita um nome na página inicial e ao clicar no botão Enviar, o valor digitado aparece em outra tela da aplicação recebendo uma mensagem de boas-vindas.
O que vamos aprender?
Neste projeto vamos aprender os seguintes conceitos:
- Usar o Widget TextField (Campo de texto);
- Navegar dados entre telas.
Widget para campo de texto
No Flutter precisamos usar Widgets de campo de texto para permitir ao usuário digitar valores, que podem ter diversos usos na aplicação.
Veja o uso de um Widget de campo de texto na Figura 1.
Navegando dados entre telas
Existem situações nas quais vamos precisar levar dados de uma tela para outra.
No nosso exemplo temos uma tela que recebe um nome e outra tela que recebe esse nome dando boas-vindas. No Slide 1 vemos como isso funciona.
Por que isso é útil?
O campo de texto é um recurso padrão para diversas aplicações. Com ele, podemos digitar dados que podem ser usados para diversos casos, como páginas de login, cadastro de informações, etc.
A navegação entre dados é um recurso usado quando as aplicações precisam levar informações de uma tela à outra. Um exemplo é quando queremos mostrar um nome de um usuário que acabou de fazer login em um sistema.
Saiba mais Veja o Curso Flutter: Captura de input de dados