チャットインターフェースの構築

チャットができるようにするには、チャットインターフェイス用の新しいビューを作成する必要があります。簡単にするために、チャット UI を表示する新しいコンポーザブルスクリーンを追加し、2 つのビューの切り替えを管理する 3 番目のコンポーザブルを追加します。

あなたの MainActivity.kt を追加した：

これは基本的なチャットアプリケーションのUIです。 LazyColumn メッセージを表示する TextField でメッセージを入力し Button を送信する。

次に、2つのUIビューの切り替えを管理するコンポーザブルを作成しましょう。以下のコンポーザブルを MainActivity.kt:

の現在の状態をチェックする。 isLoggedIn フラグを立て、正しいUIを表示させる。 Toast エラーが発生した場合

最後に MainActivity クラスを呼び出す。 ApplicationSwitcher の代わりに LoginScreen:

ビルド＆ラン

プロジェクトをもう一度実行して、シミュレータで起動してください。いずれかのユーザーでログインすると、チャットのインターフェイスが表示されます。