jacyirice / guia-de-campo-mobile

vegetacao_do_cerrado_mobile

Telas do aplicativo

1. HomeScreen
   • Tela

     Ao entrar no app, o usuário se depara com um recepção que mostra o nome do aplicativo e um botão para iniciar, conforme imagem abaixo:

     

   • Estrutura

     

     A tela HomeScreen possui os seguintes widgets

     • Container - Foi utilizado para armazenar os outros widgets
     • Column - Utilizado para alinhar seus filhos verticalmente
     • Text - Exibe o texto "Vegetação do Cerrado"
     • SizedBox - Separa o Text do ElevatedButton
     • Elevated Button - Utlizado para criar um botao elevado que ao clicar adiciona ao contexto a tela EspeciesScreen

2. EspeciesScreen
   • Tela

     Ao entrar na tela, o usuário se depara com uma lista de especies contendo a imagem, o nome cientifico e a nomenclatura botânica. Conforme imagem abaixo:

     

   • Estrutura

     

     A tela EspeciesScreen possui os seguintes widgets

     • Scaffold - Implementar a estrutura básica de layout visual do material design
     • AppBar - Criar uma barra com o texto "Especies"
     • Padding - Criar um espaçamento

     Expanded - Utilizado para que o filho prencha o espaço disponivel

     • SingleChildScrollView - Utilizado para caso o dispositivo seja pequeno e a tela não seja totalmente exibida, apareça um scroll
     • Column - Alinhar seus filhos verticalmente
     • GestureDetector - detectar um toque e assim adicionar a tela Especie ao contexto **É feito um laço de repetição para cada especie no arquivo json
     • Container - Armazenar o filho e dar um espaçamento

     Row - alinha os filhos horizontalmente

     • CircleAvatar - Exibir imagem da especie com bordas circulares
     • SizedBox - Separar a imagem do texto

     Expanded - preencher o espeço vazio

     • Column - Alinhar seus filhos verticalmente
     • Text - Exibir o nome cientifico da especie
     • Text - Exibir a nomenclatura botanica da especie

3. EspecieScreen
   • Tela

     Ao exibir a tela, o usuário se depara com a imagem da especie e informações referentes a ela, conforme imagem abaixo:

     

   • Estrutura

     

     A tela EspecieScreen possui os seguintes widgets

     • Scaffold - implementar a estrutura básica de layout visual do material design
     • AppBar - Utilizado Criar uma barra com um botão para retornar a tela anterior e um texto com o nome cientifico da especie
     • Padding - Criar um espaçamento
     • SingleChildScrollView - Utilizado para caso o dispositivo seja pequeno e a tela não seja totalmente exibida, apareça um scroll
     • Column - Alinhar seus filhos verticalmente
     • Image - Exibir imagem da especie
     • SizedBox - Separar a imagem do texto
     • Container - Utilizado para armazenar o richText e dar um espaçamento **É feito um laço de repetição para cada informação que irá ser exibida
     • RichText - Utlizado para Armazenar dois spanText sendo um em negrito

Desenvolvido por

Jacyiricê Silva Oliveira

Disponivel em

GitHub