View

TUIKit_Android/
├── atomic_x/              # Base UI component library (required by Chat)
├── call/
│   └── tuicallkit-kt/     # Audio/video call component (required by Chat)
└── chat/
    ├── demo/              # Chat View Demo project
    └── uikit/             # Chat View UI component library

import io.trtc.tuikit.atomicxcore.api.CompletionHandler
import io.trtc.tuikit.atomicxcore.api.login.LoginStore

LoginStore.shared.login(
    context,
    sdkAppID, // Int, obtained from the Console
    userID,   // String
    userSig,  // String, generated in the Console or on your server
    object : CompletionHandler {
        override fun onSuccess() {
            // Login succeeded. You can navigate to the conversation list or chat page.
        }
        override fun onFailure(code: Int, desc: String) {
            // Login failed. You can show an error dialog.
        }
    }
)

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import io.trtc.tuikit.chat.uikit.pages.ConversationsPageView

class ConversationActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val conversationsPage = ConversationsPageView(this)
        conversationsPage.setHeaderTitle("Messages")

        // Conversation tap callback. conversationID already includes the c2c_ or group_ prefix.
        conversationsPage.onConversationClick = { conversationID ->
            // Navigate to your chat UI and pass in conversationID. See ChatActivity in Step 4.
        }
        // Optional callbacks for search, starting one-to-one chats, and creating groups.
        conversationsPage.onSearchClick = { /* Navigate to the search page */ }
        conversationsPage.onStartChatClick = { /* Start a one-to-one chat */ }
        conversationsPage.onCreateGroupClick = { /* Create a group */ }

        // Set the conversation list as the page content.
        setContentView(conversationsPage)
    }
}

import android.content.Context
import android.content.Intent
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import io.trtc.tuikit.chat.uikit.pages.ChatPageView

class ChatActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        // Material Components theme is required, otherwise ChatPageView may crash at runtime.
        setTheme(com.google.android.material.R.style.Theme_MaterialComponents_Light_NoActionBar)
        super.onCreate(savedInstanceState)

        // conversationID format: "c2c_<peer UserID>" for one-to-one chats, "group_<GroupID>" for group chats.
        val conversationID = intent.getStringExtra("conversationID") ?: return

        val chatPageView = ChatPageView(this)
        chatPageView.setup(conversationID = conversationID)
        setContentView(chatPageView)
    }

    companion object {
        fun start(context: Context, conversationID: String) {
            context.startActivity(Intent(context, ChatActivity::class.java).apply {
                putExtra("conversationID", conversationID)
            })
        }
    }
}

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import io.trtc.tuikit.chat.uikit.pages.ContactsPageView

class ContactActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val contactsPage = ContactsPageView(this)
        contactsPage.setHeaderTitle("Contacts")
        contactsPage.setup(
            onContactClick = { contactInfo ->
                // Navigate to your chat UI. The one-to-one conversation ID is "c2c_" + contactInfo.userID.
            },
            onGroupClick = { contactInfo ->
                // Navigate to your chat UI. The group conversation ID is "group_" + contactInfo.userID.
            }
        )
        setContentView(contactsPage)
    }
}

import io.trtc.tuikit.atomicx.theme.Theme
import io.trtc.tuikit.atomicx.theme.ThemeStore

// Set primary color.
ThemeStore.shared(context).setPrimaryColor("#1C66E5")

// Switch between light and dark themes.
ThemeStore.shared(context).setTheme(Theme.lightTheme(context))
// ThemeStore.shared(context).setTheme(Theme.darkTheme(context))