Skip to content

App de contatos usando bloc cubit e backend com back4app

Notifications You must be signed in to change notification settings

giseletoledo/contatosbloc

Repository files navigation

Contatos Bloc

Acesso ao banco de dados back4app, com uso de http e o package dio, gerenciamento de estado usando o package flutter bloc e seu widget blocbuilder para mostrar e atualizar os dados na tela.

Refatoração Lista de contatos com bloc

  • Criar uma aplicação Flutter
  • Criar um banco de dados / Back4App
  • Fazer um cadastro de pessoa com foto de perfil
  • Salvar apenas o path da imagem na base de dados
  • Listar as pessoas em uma lista com sua respectiva foto
  • Cubit(bloc) e flutter no gerenciamento de estados

Screenshot cadastro de contato Screenshot cadastro de contato preenchido

Screenshot lista de contato

Executando o Aplicativo Flutter

Para executar o aplicativo Flutter, siga os passos abaixo:

  • Certifique-se de ter o ambiente de desenvolvimento Flutter instalado. Caso não tenha, siga as instruções de instalação do Flutter.
  • Abra o terminal na pasta do seu projeto Flutter.
  • Execute o seguinte comando para iniciar o aplicativo no emulador ou dispositivo conectado:
flutter run

Observação: necessário criar um arquivo .env no mesmo nível do yaml e colocar as informações geradas no cadastro no site back4app:

BACK4APPAPPLICATIONID=seucodigogerado

BACK4APPRESTAPIKEY=seucodigogerado

BACK4APPBASEURL=https://parseapi.back4app.com/nomedobanco