ANDROID CHAT CAPABILITIES
The essentials, ready to connect
Conversation lists
- Recent conversations
- Unread message indicators
Messaging UI
- Connected message views
- An integrated composer
Media sharing
- Photos and attachments
- Native media permissions
People and groups
- Direct conversations
- Group interactions
Make it yours
- Adapt the UI source
- Fit your navigation
Connected components
- Chat SDK underneath
- Your application identity
Explore the Android Chat Components
See how the components fit together.
Conversations
Start with the conversation list
Add the list page and connect conversation taps to your navigation.
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView
val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
// Open your ChatPageView with this conversationID.
}
setContentView(page)Contacts
People and groups, connected
Build your contact experience around the supplied page and callbacks.
import io.trtc.tuikit.chat.uikit.pages.ContactsPageView
val page = ContactsPageView(this)
page.setHeaderTitle("Contacts")
page.setup(
onContactClick = { contact -> /* Open chat. */ },
onGroupClick = { group -> /* Open group chat. */ }
)
setContentView(page)CUSTOMIZATION
Customize Your Android Chat UI
Bring your visual style and application flow into chat.
GET STARTED
Your first conversation starts here
- 01
- 02
- 03
// After importing the modules in settings.gradle.kts
dependencies {
implementation(project(":uikit"))
implementation(project(":atomic_x"))
}import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView
val page = ConversationsPageView(this)
page.setHeaderTitle("Messages")
page.onConversationClick = { conversationID ->
// Open your ChatPageView with this conversationID.
}
setContentView(page)Android Chat UI Kit FAQs
What does the current Android UI Kit require?
How is the Android UI Kit different from the SDK?
How do I authenticate users of the Android Chat UI Kit?
Are these Android snippets a complete application?
How is Android Chat UI Kit usage priced?
How do I integrate Android Chat UI Kit with Kotlin or Java?
How do I test Android Chat UI Kit before releasing my app?
How do I customize the interface for Android Chat UI Kit?
Configure the native page objects rather than React-style props. For example, call ConversationsPageView.setHeaderTitle("Messages") and connect onConversationClick to your ChatPageView screen. The Activity hosting ChatPageView must use a Material Components theme; missing theme attributes can cause runtime crashes. Preserve the selected conversation ID when customizing navigation, and keep any source changes in your imported Chat modules.