jolly-eve-3916
08/19/2025, 9:40 PM@livekit/components-react
has a <Chat />
component, but this appears to be web-only.
Is there a React Native equivalent of the Chat component? Or do you recommend a specific approach for implementing chat in React Native applications?
### 2. React Native Chat Implementation Options
If there's no built-in React Native chat component, what's the recommended approach:
A) Custom chat UI using LiveKit's DataChannel for real-time messaging?
B) Use room.sendData() and listen for data messages manually?
C) Different pattern altogether for React Native chat?
### 3. Chat + Voice Integration
For an application that combines voice conversations with occasional text chat:
- Best practices for UI/UX when mixing voice and chat?
- Message persistence - should chat messages be handled separately from voice transcripts?
- Performance considerations when running both voice and chat simultaneously?
### 4. Expo Compatibility
Are there any specific considerations or limitations when implementing chat functionality in an Expo-managed React Native application?
## Use Case Context
We're building a mental health reflection app where users primarily interact via voice with an AI companion. We'd like to add optional text chat during voice sessions for:
- Sharing links or resources
- Brief clarifications during voice conversations
- Backup communication when voice quality is poor
The chat would be supplementary to voice, not the primary interaction method.
## Example Code Structure
Currently using voice like this:
typescript
_// Voice session setup_
const room = new Room({
adaptiveStream: true,
dynacast: true,
audioCaptureDefaults: {
autoGainControl: true,
echoCancellation: true,
noiseSuppression: true,
},
});
await room.connect(livekitUrl, token);
_// Would like to add chat functionality here_
Any guidance on the best approach for React Native chat integration would be greatly appreciated!
## Environment Details
- React Native: 0.79.3
- Expo SDK: 53.0.9
- Platform targets: iOS and Android
- LiveKit server: Cloud-hosted
Thank you for your excellent documentation and support!tall-airline-16756
08/19/2025, 9:40 PMtall-airline-16756
08/19/2025, 9:42 PM