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.

7

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
PARA QUEM QUER SER
PROGRAMADOR DE VERDADE
ÚLTIMAS VAGAS

de: R$ 658,80

por: 12x R$ 39,90

economize R$ 180,00

Essa oferta acaba em:

dias
horas
minutos
segundos
Plano PRO
  • Acesso completo
  • Projetos reais
  • Professores online
  • Exercícios gamificados
  • Certificado de autoridade

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar