How to change image layout in SBUParentMessageInfoView?

[tezpark]

Summary

• How to change the width layout of an image in a SBUParentMessageInfoView?

Reference

• SBUParentMessageInfoView

Guide & Snippet

• Make the widthConstraint property of the imageContentView that displays the image deactive and then modify the constraint properties of the parent view that manages the content view.

class CustomParentMessageInfoView: SBUParentMessageInfoView {
    open override func updateLayouts() {
        super.updateLayouts()
            
        if let imageContentview = self.baseFileContentView as? SBUImageContentView {
            // Deactive the existing image width constraint
            imageContentview.widthConstraint?.isActive = false

            // Modify the constraint properties of the parent view that manages the content view
            self.contentVStackView
                .sbu_constraint(
                    lessThanOrEqualTo: self,
                    trailing: -30,
                    priority: .defaultHigh
                )
        }
    }
}

• Change parentMessageInfoView in SBUMessageThreadModule.List to CustomParentMessageInfoView and update it.

class CustomThreadModuleList: SBUMessageThreadModule.List {
    override func setupViews() {
        super.setupViews()

        self.parentMessageInfoView = CustomParentMessageInfoView()
        self.updateParentInfoView()
    }
}

• Before using a ThreadModule, set a CustomThreadModuleList in the ModuleSet.

SBUModuleSet.MessageThreadModule.ListComponent = CustomThreadModuleList.self

Result