Construire l'interface de chat

Pour pouvoir discuter, vous devez créer une nouvelle vue pour l'interface de discussion. Pour plus de simplicité, nous ajouterons un nouvel écran composable pour afficher l'interface de chat, et un troisième composable pour gérer le passage entre les deux vues.

Dans votre MainActivity.kt ajouter :

Il s'agit de l'interface utilisateur de base d'une application de chat, avec LazyColumn qui affichera les messages, un TextField pour saisir un message et un message d'envoi Button pour envoyer le message.

Ensuite, créons le Composable qui gérera le passage entre les deux vues de l'interface utilisateur. Ajoutez le Composable ci-dessous à votre MainActivity.kt:

Cette opération permet de vérifier l'état actuel du isLoggedIn et affiche l'interface utilisateur correcte, il affichera également une icône Toast lorsqu'une erreur est détectée.

Enfin, mettez à jour votre MainActivity pour appeler la classe ApplicationSwitcher au lieu de la LoginScreen:

Construire et faire fonctionner

Exécutez à nouveau le projet pour le lancer dans le simulateur. Si vous vous connectez avec l'un des utilisateurs, vous verrez l'interface de chat