How to display full channel name on the titleView of channel’s headerComponent?

[tezpark]

Summary

• How to display full channel name on the titleView of channel’s headerComponent?

Guide & Snippet

• If you want to display the full channel name, you need to create a customized class based on SBUGroupChannelModule.Header. refer to the below code:
• Create CustomGroupChannelModuleHeaderComponent.

class CustomGroupChannelModuleHeaderComponent: SBUGroupChannelModule.Header {
    override func configure(delegate: SBUGroupChannelModuleHeaderDelegate, theme: SBUChannelTheme) {
        super.configure(delegate: delegate, theme: theme)
        
        if let titleView = self.titleView as? SBUChannelTitleView {
            titleView.titleLabel.numberOfLines = 0
            titleView.titleLabel.adjustsFontSizeToFitWidth = true
        }
    }
}

• Before using a customized component class, please set it in the SBUModuleSet.

SBUModuleSet.GroupChannelModule.HeaderComponent = CustomGroupChannelModuleHeaderComponent.self

Note: Since the header of a Channel uses iOS's navigationBar, it is not recommended by Apple to modify the height arbitrarily. Therefore, I have provided guidance on using the numberOfLines and adjustsFontSizeToFitWidth properties, and it will be displayed as shown in the image below.

Result