Building the chat interface

To be able to chat, you will need to create a new View for the chat interface. From the Xcode menu, select File > New > File.... Choose a SwiftUI View, name it ChatView. This will create a new file called ChatView.swift, at the top import VonageClientSDKChat:

Next you will create the ChatViewModel.

ChatViewModel

The ChatViewModel will handle the handle send and retrieving events from the conversation. At the bottom of the ChatView.swift file, create the view model:

The view model has properties for the conversation ID, the chat client and the member ID. The chat client will be passed in from the login screen so it will already be authenticated. Replace the CON_ID placeholder with the conversation ID you created earlier. The VGChatClientDelegate is added but will be implemented in a later stage.

Create UI

Now that the skeleton ChatViewModel is created, you can update the ChatView to have a TextField for entering a message, a Button for sending the message and a list for displaying messages.

Build and Run

Run the project again (Cmd + R) to launch it in the simulator. If you log in with one of the users you will see the chat interface