Android(Compose)
本文会引导您在 TUIKit Compose 上添加联系人。
开发环境要求
Android Studio Ladybug(2024.2.1)及之后的版本,JDK 17。
Android 6.0(API 23)及以上真机或模拟器。
前置条件
在构建界面之前,请确保您已经完成了以下 4 件事:
1. 在控制台创建了一个应用。
2. 在控制台创建了至少 2 个用户账号。
3. 集成了
TUIKit Compose。4. 调用
LoginStore 的 login 接口登录组件。注意:
每次启动应用,登录一次即可。
请确保登录成功,我们建议您在登录成功的回调里进行下文的操作。
如果您已经完成,请继续阅读下文。
步骤说明
TUIKit Compose 的 ContactList 组件中的
AddContactAndGroupBottomSheet 提供了添加联系人的视图,可通过它实现添加联系人流程。步骤为:1. 根据 userID 搜索目标联系人。
2. 添加目标联系人为好友。
3. 发送添加请求后,对方会默认同意。但如果对方账号设置过默认加好友验证方式设置,可能会有不同表现。如果需要对方同意,目标联系人可在 ContactList 的新的联系人里同意加好友申请,ContactList 的构造可参考文档:联系人界面。
说明:
注意,如果你直接使用我们的示例代码,需要预填充这几个参数:
sdkAppID,上文获取的 sdkAppID。userID,操作者的 userID,也就是 快速开始 中创建的 user1。userSig,操作者的 userSig,也就是 快速开始 中创建的 user1 的 userSig。App 启动即加载加好友界面,示例代码如下所示:
// AddContactActivity.ktimport android.os.Bundleimport androidx.activity.compose.setContentimport androidx.appcompat.app.AppCompatActivityimport androidx.compose.runtime.getValueimport androidx.compose.runtime.mutableStateOfimport androidx.compose.runtime.rememberimport androidx.compose.runtime.setValueimport io.trtc.tuikit.chat.uikit.components.contactlist.ui.addfriendandgroup.AddContactAndGroupBottomSheetimport io.trtc.tuikit.chat.uikit.components.contactlist.viewmodel.AddTypeimport io.trtc.tuikit.atomicxcore.api.CompletionHandlerimport io.trtc.tuikit.atomicxcore.api.login.LoginStoreclass AddContactActivity : AppCompatActivity() {private val sdkAppID: Int = 1234567890 // TODO: Fill in your sdkAppID hereprivate val userID = "" // TODO: Fill in your userID hereprivate val userSig = "" // TODO: Fill in your generated userSig hereoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)login()}private fun login() {LoginStore.shared.login(this, sdkAppID, userID, userSig, object : CompletionHandler {override fun onSuccess() {showAddContactPage()}override fun onFailure(code: Int, desc: String) {// Handle login failure}})}private fun showAddContactPage() {setContent {var showSheet by remember { mutableStateOf(true) }if (showSheet) {AddContactAndGroupBottomSheet(addType = AddType.CONTACT,onDismiss = { showSheet = false })}}}}
运行效果如下:
搜索联系人 | 发送请求 |
![]() | ![]() |


