#1 Primeiro App com Flutter (final)

Davi On
FlutterbyDaviCruz
Published in
3 min readJan 6, 2020

Agora dentro da class _HomeState dentro do arquivo home.dart vamos criar duas variaveis uma inteira chamda de _qtdpessoas , que recebe como valor inical 0, lebrando que no flutter quando colocamos o _ na frente significa que esta variavel e privada, e a outra variavel e do tipo String que se chama _info que recebe como valor o texto “Pode Entrar”.

Agora voce vai na linha onde tinha escrito Pessoas: 0 e substitui o 0 por $_qtdPessoas.

E onde tinha escrito Pode entrar voce vai substituir pela variavel _info como mostra na imagem.

Agora nós vamos criar um metodo chamado _mudarStatus que vai alterar o valor na tela, ele vai receber como parametro um valor do tipo inteiro, dentro dele vamos ter o metodo setState que vai alterar a tela sempre o metodo for chamado, dentro dele a quantidade de pessoas vai ser incrementada ou decrementada dependendo do valor que ele receber.

Dentro do flatButton no temos o atributo onPressed que ate então estava vazio, agora vamos adicionar a funcionalidade a ele no vamos chamar a função _mudarStatus e passar como parametro 1 e no outro flatButton fazemos a mesma coisa porem no lugar de 1 vamos passar como parametro -1. se voce executar o comando flutter run agora já será possivel ver os botões em ação funcionando.

Agora vamos adicionar a chamada regra de negocio do app que será apenas 10 clientes, primeiro vamos criar uma nova variavel chamada de _vagas, depois entro do setState vamos adicionar uma estrutura condicional o if que terá como condição se a quantidade de cliente for 10 ou maior o texto setado será “ restaurante cheio, caso o contrário e a quantidade for maior que 0 vamos informar a quantidade de lugares ainda restantes vamos pegar a variavel _vagas que vai receber 10-_qtdPessoas ou seja a quantidade restante de lugares e vamos seta a mensagem “ainda resta $_vagas vagas” caso contrário vamos seta a mensagem “Mundo Invertido”, e assim chegamos ao fim desse App con flutter.

Espero que você tenha gostado, se ficou alguma duvida pergunte ai nos comentários, ou pode me chamar no Instagram @davicruzof, que eu vou responder, e deixo como dica tente fazer esse App sozinho(a) depois.

Abraço e até o proximo tutorial.

--

--