If you run the app now, you’ll see colors and message bubbles look like those of iMessage, but the navigation bar title is buggy, as it displays a significantly larger title. Paste this code inside ContactsViewController's setupStyles function: Now if you run it, you’ll see that we were able to implement the missing features:
You only need to register your cell type, dequeuing is done automatically by our SDK and overriding updateChannelCell is enough for customizing your cell. Inside viewDidLoad, before tableView.tableFooterView = nil line: To be able to use our new cell, we need to add some code inside ContactsViewController. We’ve extended Stream Chat’s ChannelTableViewCell to add our components (unread indicator and date accessory), and we’ve overridden update(date:) function to display our date string. Let’s do that!Ĭreate a new file named ContactListCell.swift and paste these contents: Let’s fix that!įor these kinds of things for which Stream Chat does not provide an API, we can subclass Stream Chat’s classes and add our functionality. Our contacts cells lack the blue dot showing the unread status of a chat, the chevron symbol next to the dates, and the date texts are not formatted to look like iMessage. Then, open Main.storyboard and change the view controller class to ContactsViewController: Note: If you’ve created a new project, rename your ViewController.swift and use it instead. Please create a new swift file and name it as shown above. We’ll start by creating a contacts (chats) view controller and make it look like that in the iMessage app. Now that you've done that let's go ahead and move on. After that, you can put your API secret and desired user id in this token generator to get the user token: Within that application, you can find your credentials (API key and secret).
You will see that an application has been pre-provisioned for you. Once created, click on the "Chat" tab within the dashboard.
To create an application, head over to and create a free account. Note: You can find your API key in the Stream Dashboard. Open your AppDelegate file and edit your didFinishLaunchingWithOptions function, so it looks like this: The first thing we need to do is configure our StreamChat Client with our API key. The starter branch sets up the project and dependencies so we can jump right into coding! You can also create a new project in that case, please make sure your Podfile is the same as that in the repo.
0 kommentar(er)
