Interface simples para buscar informações sobre plantas a partir de um nome digitado pelo usuário.
A página contém:
- Cabeçalho com botão de voltar e título
- Campo de busca
- Botão de pesquisa com ícone
- Área para exibir os resultados
- Exemplo de item de planta listado
A aplicação foi desenvolvida em Flutter, utilizando widgets como Scaffold, AppBar, TextField, ListView.builder e navegação com Navigator.push.
A busca é realizada consumindo a API do Trefle, que retorna dados botânicos como nome científico, imagens e família.
-
Service em Dart (
trefle_service.dart)- Utiliza
httppara fazer requisições GET. - Monta a URL com token de acesso da API Trefle.
- Faz o parsing do JSON para modelos próprios.
- Utiliza
-
Modelo (
plant_model.dart)- Converte os dados retornados pela API em objetos do tipo
Plant. - Facilita o uso das informações na interface.
- Converte os dados retornados pela API em objetos do tipo
-
Busca de plantas
- O usuário digita o nome e aciona o botão de pesquisa.
- A função chama o service e retorna uma lista de plantas.
- Os resultados aparecem em cards com nome comum, nome científico e imagem.
-
Página de detalhes
- Ao clicar em uma planta, o app abre outra tela com mais informações.
- Exibe imagem principal, família, gênero e demais dados recebidos da API.
-
Tratamento de erros
- Mensagens caso a API não retorne resultados.
- Loading para melhorar a UX enquanto a requisição é feita.