student_dio_getx

student_do_getx

Flutter API Get and Post usando Dio com getx

Exemplo de gerenciamento de estado getx flutter

Este projeto Flutter demonstra como usar o pacote getx para gerenciamento de estado, executar chamadas de API e exibir dados em um aplicativo FLUTTER.

Visão geral

• O projeto usa o pacote getx para gerenciamento de estado, o que nos permite gerenciar e atualizar com eficiência o estado do aplicativo.
• Realizamos chamadas de API para recuperar uma lista de alunos e exibi -las em uma ListView.
• O projeto também inclui um formulário para adicionar novos alunos à lista.
• Além disso, um carregador circular é exibido enquanto os dados estão sendo obtidos na API.

Características

1. GetX para gerenciamento de estado: usamos o GETX para gerenciar o estado do aplicativo. Isso inclui controladores para gerenciar alunos, dados de campo de texto e manuseio de chamadas de API.

2. Integração da API: O projeto inclui um exemplo de fazer chamadas de API usando o pacote DIO para recuperar uma lista de alunos. A resposta da API é então exibida em uma ListView.

3. Adicionando alunos: os usuários podem adicionar novos alunos à lista usando um formulário. O formulário valida a entrada e envia dados para o servidor.

4. Carregador circular: Ao buscar dados da API, um carregador circular é exibido para indicar que os dados estão sendo carregados.

5. Nenhuma mensagem encontrada nos dados: se a resposta da API estiver vazia, uma mensagem "nenhum dado encontrado" será exibido.

Estrutura do projeto

• lib/controllers/ : Contém os controladores GETX usados ​​para gerenciamento de estado.
• lib/views/ : Contém as visualizações da interface do usuário, incluindo a tela principal e o formulário do aluno.
• lib/main.dart : o ponto de entrada do aplicativo Flutter.

Capturas de tela

1. Veja todos os alunos.

   

2. Adicione um aluno.

   

3. Mostrando Snackbar sobre o sucesso.

   

4. Depois de adicionar um novo aluno.