Messagekit: Add button inside InputTextView?

[kientux]

Let's say I want to achive this input layout:

I can add 2 buttons in left InputStackView. But what about that "emoji" button next to InputTextView? The problem is middleContentView must have rounded corner and gray background, so emoji and send button cannot be both in right stackView.

[martinpucik]

Hey @kientux did you try to add the emoji button into the input textview as a subview? And you could use UITextView.textContainerInset to add some space for the button

[kientux]

Thanks @martinpucik, I tried to add it into input textview but there're some issues:

• I update frame of emoji button inside delegate call inputBar(_:didChangeIntrinsicContentTo:), but it seems that it has some delay until the frame of inputTextView is updated.
• Also if I add emoji button into textView, when text content is long enough, the textView will be scrollable and emoji button get scrolled too (it supposed to be in a fixed position).

I think about using messageInputBar.setMiddleContentView(_:animated:) to set my own instance of InputTextView, but maybe it will heavily affect the messageInputBar behavior, and I have to implement many custom logic myself.

[martinpucik]

@kientux you could add the button to the inputTextView.superView which is the private middleContentWrapperView

[stale[bot]]

This issue has been marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[stale[bot]]

This issue has been auto-closed because there hasn't been any activity for at least 21 days. However, we really appreciate your contribution, so thank you for that! 🙏 Also, feel free to open a new issue if you still experience this problem 👍.

[fukemy]

work as expected thanks

[nathantannar4]

Checkout the Facebook input bar example I had made. This can be achieved without using the private wrapper view.