cometchat-native-placement
OfficialPlan and wire React Native chat placements.
Software Engineering#navigation#react-native#modal#bottom-sheet#cometchat#placement-patterns#embedded-chat
Authorcometchat
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Architecting in-app chat in React Native without a clear pattern leads to inconsistent UX, navigation conflicts, and brittle integrations. This Skill provides five canonical placement patterns to guide developers in choosing and wiring chat surfaces (Stack, Bottom Tab, Modal, BottomSheet, Embedded) using CometChat components.
Core Features & Use Cases
- Five placement patterns with concrete wiring guidance to React Navigation stacks, bottom tabs, modals, bottom sheets, and embedded layouts.
- Guidance on when to use each pattern, platform considerations (safe areas, keyboard handling, gestures), and how to wire the provider chain without duplicating init.
- Real-world scenarios: adding chat to a product detail screen (embedded) or creating a dedicated chat screen in a stack.
Quick Start
Choose a placement, wire navigation, and render the CometChat components accordingly.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: cometchat-native-placement Download link: https://github.com/cometchat/cometchat-skills/archive/main.zip#cometchat-native-placement Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.