RECURSOS DE CHAT PARA REACT NATIVE
Recursos essenciais, prontos para conectar
Listas de conversas
- Conversas recentes
- Indicadores de mensagens não lidas
Interface de mensagens
- Visualizações de mensagens integradas
- Um campo de composição integrado
Compartilhamento de mídia
- Fotos e anexos
- Permissões nativas de mídia
Pessoas e grupos
- Conversas diretas
- Interações em grupo
Deixe com a sua cara
- Adapte o código-fonte da interface
- Adapte à sua navegação
Componentes conectados
- Chat SDK subjacente
- A identidade do seu aplicativo
Explore React Native Chat Components
Veja como os componentes funcionam em conjunto.
PERSONALIZAÇÃO
Personalize sua interface de chat em React Native
Leve seu estilo visual e o fluxo da aplicação para o chat.
COMECE AGORA
Sua primeira conversa começa aqui
- 01
- 02
- 03
npm install @tencentcloud/chat-uikit-react-native tuikit-atomicx-react-nativeimport { ConversationList } from
'@tencentcloud/chat-uikit-react-native';
export function Conversations() {
return <ConversationList />;
}Perguntas frequentes sobre React Native Chat UI Kit
Posso usar esses componentes no Expo Go?
As dependências nativas exigem uma compilação nativa. Siga a compilação de desenvolvimento do Expo ou o fluxo de trabalho do React Native descrito no guia atual, instale as dependências peer e configure as permissões de multimédia. Os excertos de componentes pressupõem que o login e a configuração nativa já foram concluídos.
Qual é a diferença entre o React Native UI Kit e o SDK?
Como autentico os usuários do React Native Chat UI Kit?
Esses trechos de React Native formam uma aplicação completa?
Como é definido o preço de uso do React Native Chat UI Kit?
Como integro Chat UI Kit React Native com React Native?
Como testo Chat UI Kit React Native antes de lançar a minha aplicação?
Como personalizo a interface de Chat UI Kit React Native?
Copie as telas do UI Kit para sua aplicação quando precisar de alterações no nível de tela. Por exemplo, ajuste ChatScreen e as rotas locais da stack para abrir uma conversa a partir do perfil de cliente existente. O exemplo oficial usa @react-navigation/native; substituí-lo também exige atualizar as chamadas de navegação dentro das telas copiadas. Mantenha SafeAreaProvider e ToastRoot e teste o fluxo personalizado no Android e no iOS.