Message component

To customize buttons on the NavigationBar, you can implement the delegate ZIMKitMessagesListVCDelegate.

For example, when you want to add a "Start a call" button on the upper right of the message list (ZIMKitMessagesListVC). To learn more details, see Use with the Call Kit.

import UIKit
import ZIMKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.

        let messageVC = ZIMKitMessagesListVC(conversationID: "conversationID", type: .peer)
        messageVC.delegate = self

        // Set up and listen to the messageDelegate to receive message relevant notifications if you integrated the ZIMKitConversationListVC
        let conversationVC = ZIMKitConversationListVC()
        conversationVC.messageDelegate = self
    }
}

extension ViewController: ZIMKitMessagesListVCDelegate {

    /// Callback for get the HeaderBar
    /// - Parameter messageListVC: ZIMKitMessagesListVC
    /// - Returns: ZIMKitHeaderBar: Include the leftItems, rightItems, and titleView
    func getMessageListHeaderBar(_ messageListVC: ZIMKitMessagesListVC) -> ZIMKitHeaderBar? {

        // Get the conversation ID via the messageListVC.conversationID 
        // Get the conversation name via the messageListVC.conversationName 
        // Get the conversation type (one-on-one or group chat) via themessageListVC.conversationType 

        let customBarButtonItem = UIBarButtonItem(title: "Custom", style: .plain, target: self, action: #selector(customButtonTapped))

        let headerBar = ZIMKitHeaderBar()
        headerBar.rightItems = [customBarButtonItem]
        headerBar.titleView = UIView()

        return headerBar
    }
}

To customize buttons on the input bar, configure the InputConfig:

• showVoiceButton: Whether to display the voice button
• showEmojiButton: Whether to display the Emoji button
• showAddButton: Whether to display the Add button

Here's the reference code:

let inputConfig = InputConfig(showVoiceButton: true,
                              showEmojiButton: true,
                              showAddButton: false)

let messageListVC = ZIMKitMessagesListVC(conversationID: conversation.id,
                                         type: conversation.type,
                                         conversationName: conversation.name,
                                         inputConfig: inputConfig)