{"id":"0bd3eaa7-fae5-40ce-92cb-a6b17834b0ab","shortId":"D5AknV","kind":"skill","title":"cometchat-android-v6-kotlin-placement","tagline":"CometChat Android UIKit v6 Kotlin Views placement — Activity, Fragment, BottomSheet, Tab, and Intent navigation patterns","description":"> **Companion skills:** cometchat-android-v6-compose-placement (Compose equivalent), cometchat-android-v6-kotlin-components, cometchat-android-v6-kotlin-theming\n\n## Purpose\n\nPlace CometChat Kotlin Views components into Activities, Fragments, BottomSheets, and Tab layouts. Patterns derived from `master-app-kotlin`.\n\n## Use this skill when\n\n- Adding CometChat Views to an Activity or Fragment\n- Setting up Intent-based navigation between chat screens\n- Building a tabbed layout with Conversations, Users, Groups, Calls tabs\n- Showing CometChat components in BottomSheets or Dialogs\n\n## Do not use this skill when\n\n- Working with Compose placement (use `cometchat-android-v6-compose-placement`)\n- Looking up component APIs (use `cometchat-android-v6-kotlin-components`)\n\n## 1. Activity-Based Placement\n\n### 1.1 Conversations Activity\n\n```kotlin\nclass ConversationsActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n\n val conversations = CometChatConversations(this)\n conversations.setOnItemClick { conversation ->\n val intent = Intent(this, MessagesActivity::class.java)\n // Pass user or group via intent extras\n startActivity(intent)\n }\n setContentView(conversations)\n }\n}\n```\n\n### 1.2 Messages Activity\n\nPattern from `master-app-kotlin/appflow/MessagesActivity.kt`:\n\n```kotlin\nclass MessagesActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_messages)\n\n val header = findViewById(R.id.messageHeader)\n val messageList = findViewById(R.id.messageList)\n val composer = findViewById(R.id.messageComposer)\n\n // Set user or group\n header.setUser(user)\n messageList.setUser(user)\n composer.setUser(user)\n\n // For groups:\n // header.setGroup(group)\n // messageList.setGroup(group)\n // composer.setGroup(group)\n }\n}\n```\n\nXML layout:\n\n```xml\n\n\n\n \n\n \n\n \n\n\n```\n\n## 2. Fragment-Based Placement\n\n```kotlin\nclass ConversationsFragment : Fragment() {\n override fun onCreateView(\n inflater: LayoutInflater,\n container: ViewGroup?,\n savedInstanceState: Bundle?\n ): View {\n val conversations = CometChatConversations(requireContext())\n conversations.setOnItemClick { conversation ->\n // Navigate using FragmentManager or Navigation Component\n }\n return conversations\n }\n}\n```\n\n## 3. Tabbed Layout with ViewPager2\n\n```kotlin\nclass HomeActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_home)\n\n val tabLayout = findViewById(R.id.tabLayout)\n val viewPager = findViewById(R.id.viewPager)\n\n viewPager.adapter = object : FragmentStateAdapter(this) {\n override fun getItemCount() = 4\n override fun createFragment(position: Int): Fragment = when (position) {\n 0 -> ConversationsFragment()\n 1 -> UsersFragment()\n 2 -> GroupsFragment()\n 3 -> CallLogsFragment()\n else -> ConversationsFragment()\n }\n }\n\n TabLayoutMediator(tabLayout, viewPager) { tab, position ->\n tab.text = when (position) {\n 0 -> \"Chats\"\n 1 -> \"Users\"\n 2 -> \"Groups\"\n 3 -> \"Calls\"\n else -> \"\"\n }\n }.attach()\n }\n}\n```\n\n## 4. BottomSheet Placement\n\n```kotlin\n// Show message info in a BottomSheet\nval bottomSheet = CometChatMessageInformationBottomSheet.newInstance(message)\nbottomSheet.show(supportFragmentManager, \"messageInfo\")\n```\n\nFor custom BottomSheets:\n\n```kotlin\nclass ReactionsBottomSheet : BottomSheetDialogFragment() {\n override fun onCreateView(\n inflater: LayoutInflater,\n container: ViewGroup?,\n savedInstanceState: Bundle?\n ): View {\n val reactionList = CometChatReactionList(requireContext())\n reactionList.setBaseMessage(message)\n return reactionList\n }\n}\n```\n\n## 5. Dialog Placement\n\n`CometChatFlagMessageDialog` is a regular Android `Dialog` (NOT a `DialogFragment`). The message is passed at construction; there is no `setMessage` setter and no `show(fm, tag)` overload.\n\n```kotlin\n// Flag/report message dialog\nval dialog = CometChatFlagMessageDialog(this, message) // (context, BaseMessage)\ndialog.show()\n```\n\n## 6. App Flow Pattern\n\nFrom `master-app-kotlin/appflow/DefaultComponentAppFlowActivity.kt` — a single Activity hosts the full chat flow with Fragment transactions:\n\n```kotlin\nclass AppFlowActivity : AppCompatActivity() {\n override fun onCreate(savedInstanceState: Bundle?) {\n super.onCreate(savedInstanceState)\n setContentView(R.layout.activity_app_flow)\n\n // Start with conversations\n supportFragmentManager.beginTransaction()\n .replace(R.id.container, ConversationsFragment())\n .commit()\n }\n\n fun navigateToMessages(user: User) {\n supportFragmentManager.beginTransaction()\n .replace(R.id.container, MessagesFragment.newInstance(user))\n .addToBackStack(null)\n .commit()\n }\n}\n```\n\n## Activity theme — REQUIRED parent\n\nV6 Kotlin Views components (`CometChatConversations`, `CometChatMessageList`, etc.) extend Material Components widgets (`MaterialCardView`, `MaterialButton`) and reference kit-specific theme attributes (`?attr/cometchatPrimaryColor`, `?attr/cometchatBackgroundColor01`, etc.). The kit ships its own pre-configured theme that supplies every required attribute.\n\n**Inherit your Activity theme from `CometChatTheme.DayNight`** (or `CometChatTheme.Light` / `CometChatTheme.Dark` for fixed-mode apps). Edit `app/src/main/res/values/themes.xml`:\n\n```xml\n\n