Neste artigo, vamos explorar os principais pontos de uma vídeo aula sobre como construir a funcionalidade de bate-papo em um aplicativo de mensagens utilizando Flutter Flow sem escrever código. A aula assume que o espectador já criou telas de início, login/criação de conta e outras telas, mas pulou a parte da lista de bate-papo.

Estrutura do Aplicativo de Mensagens

O aplicativo de mensagens tem duas partes principais: a coleção de “usuários” e a coleção de “chats”. A coleção de “usuários” tem uma referência ao documento do usuário, enquanto a coleção de “chats” tem referências aos usuários envolvidos no bate-papo, um carimbo de data e hora, campos para a mensagem de bate-papo, caminho da imagem e stream de texto.

Implementando a Funcionalidade de Bate-Papo

Quando um usuário inicia um bate-papo, um documento é criado na coleção de “chats” com campos para os usuários envolvidos, a última mensagem, hora da última mensagem e caminho da imagem. Em seguida, o aplicativo demostra como consultar a coleção de “chats” para mostrar uma lista de bate-papos e redirecionar o usuário para a tela de “bate-papo” onde podem digitar e enviar mensagens.

Características do Aplicativo de Mensagens

O aplicativo de mensagens apresenta várias características, incluindo:

* Chamada de backend para criar um documento na coleção de mensagens de bate-papo
* Chamada de backend para atualizar um documento para mostrar as últimas mensagens na página de bate-papos
* Filtro para mostrar apenas bate-papos onde o usuário de bate-papo é igual ao usuário atual
* Consulta à coleção e exibição da coleção de mensagens de bate-papo, que é uma lista de documentos

Aprendizado Avançado

O palestrante não entra em detalhes sobre a implementação, pois isso pode desencorajar os espectadores de comprar seu curso. Em vez disso, ele oferece uma explicação detalhada da implementação em um curso separado, que pode ser pré-encomendado clicando no link na descrição do vídeo.

Demonstração do Aplicativo

O palestrante demostra o aplicativo, criando dois usuários e enviando mensagens entre eles. Embora encontre alguns problemas com o aplicativo, ele faz debugging e, eventualmente, mostra o aplicativo funcionando corretamente, exibindo a interface de bate-papo com dois lados, um para cada usuário.

Neste artigo, você aprendeu os principais conceitos de como construir a funcionalidade de bate-papo em um aplicativo de mensagens utilizando Flutter Flow sem escrever código. Se você quiser aprender mais sobre como construir um aplicativo de mensagens completo, não perca a oportunidade de pré-encomendar o curso oferecido pelo palestrante.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *