Formulário de Login com REACT Native

Formulário simples de com login e senha validados no firebase com REACT Native.

Esquema do app

A proposta é criar uma app para gerenciar os atendimentos em uma clinica hospitalar. O banco cloud será firebase com o framework React Native e Redux.

Começo a desenvolver a tela inicial para efetuar o login no sistema: telaLogin.js

Terá uma estrutura simples. Conterá uma imagem, dois inputs, um botão Entrar e um link para recuperar a senha. Abaixo esta a imagem do protótipo do aplicativo.

Tela login

Com o ambiente já configurado e pronto para o desenvolvimento. Não vou entrar em detalhes com a configuração de variáveis de ambiente ou baixar pacotes adicionais ao projeto.

Meu foco é explicar as regras de negocios na construção deste app. Então vamos lá:

Criar o projeto com o comando: react-native init AppDoctor

Iniciar o projeto com comando: react-native start

Logo depois Building com o comando: react-native run-android

Apos estes passos Edite o arquivo index.android. js para ficar assim:

Eu optei pela importação da classe assim posso deixar o index.js mas enxuto. No arquivo telaLogin.js editei apenas nas funcionalidades na tela login:

Ao fim, a tela do app esta pronta. Falta agora criar a validação no banco e a transição da Tela Login para Tela Home.

Quanto ao botão recuperar Senha ele abre um modal para usuário inserir um email no qual será enviado outra senha(funcionalidade a ser implementada).

Esse projeto esta no Github…podem acompanhar o desenvolvimento das demais funcionalidades.