# 会話リストスクリーン

現代のどんな携帯電話のテキストメッセージ機能に似ている、ユーザーチャット機能テンプレートは、ユーザー同士が一対一のコミュニケーションを通じて簡単にやり取りできるようにします。会話リスト画面には、2人のユーザー間のすべてのオープンな会話と新しい会話を始める方法が含まれています。

この機能テンプレートには、サイドナビゲーションコンポーネント、テキストコンポーネント、ボタンコンポーネント、およびデータベース内の情報を表示するリストコンポーネントが含まれています。

## コンポーネント

### **サイドナビゲーション**

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b15ecf13acaf71098df1a0e0c11cca7e5ba3e18e%2Fconversationslistsidenav.png?alt=media" alt="" width="184"><figcaption></figcaption></figure>

サイドナビゲーションは、ユーザーがアプリの他のエリアに移動する手段として、テンプレートのほとんどの画面に表示されます。サイドナビゲーションに何か変更を加えた場合は、他の画面でも変更する必要があることに注意してください。

この画面の「アクティブメニューアイテム」はメニューアイテム5です。

### テキストコンポーネント

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-e093dcb0588ce6abfad040ace20dcbc434cb4c73%2Fconversationslist.png?alt=media" alt="" width="240"><figcaption></figcaption></figure>

これらの2つのコンポーネントは静的テキストです — つまり、プレーンテキストで書かれており、データベースから取得されていません。このテキストをいつでも変更でき、データベース内の情報には影響しません。

### ボタンコンポーネント — 新規ボタン

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-5f83d0f3522b7c74cbf7e1fbac630a0cb91fd40a%2Fconversationslistnew.png?alt=media" alt=""><figcaption></figcaption></figure>

このボタンをクリックすると、「新しいチャットモーダル」画面に接続され、ユーザーは誰かと新しいチャットを始めることができます。

⚡ **ボタンアクション**

「新しいチャットモーダル」画面へのリンクアクション。

### リストコンポーネント — 会話リスト

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-8c3176eb472ece90f17e0d545cf876e5c3f946e9%2Fconversationslistlist.png?alt=media" alt="" width="563"><figcaption></figcaption></figure>

このコンポーネントは、ログインしているユーザーのすべてのオープンな会話のリストを表示します。

⚡ **リストアクション**

「チャット画面」へのリンクアクション