In certain scenarios, specific use cases necessitate the incorporation of customized UI elements. For instance, if your application involves navigation, it may be desirable to integrate a dedicated button within the UI for direct backward navigation.

Refer to the following example for a detailed step-by-step guide on how to create such a button.

In a typical interface layout, it is common to position a button like this in the top-left corner. The next step is to use the Button in your UI. For detailed information on the placement of components, please refer to Build a custom UI structure.

Reuse on Mobile SDKs

When you want to reuse the same button component for the same use case within your mobile application on iOS and Android, you can do so by utilizing our CustomMessageHandler. It takes care of the communication between the native part of the Application and the UI. It's a bidirectional message channel that communicates with messages.

Check out the following example to establish communication with your application's native components on iOS and Android. This example extends the previous sample by incorporating essential steps for interfacing with the native part of the application.

A complete example can be found in our sample repos:

• CustomHtmlUi - iOS
• CustomHtmlUiKotlin - Android