O projeto está inativo

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.

Introdução

O exemplo criado neste projeto pode ser visualizado na Animação 1.

Projeto pronto
Animação 1. Projeto pronto

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.

Campo texto
Figura 1. Campo texto

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.

Slide 1 Slide 2

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
Suporte ao aluno - Deixe a sua dúvida.
FAÇA PARTE DESSE TIME
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinámica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
Teste Grátis
  • Guias de Tecnologia
  • Cursos
  • Exercícios
  • Projetos completos
  • DevCasts
  • Artigos
  • Suporte em tempo real

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar