cometchat sample app react native

Reaja o aplicativo de amostra nativa por Cometchat

Este é um aplicativo de referência que mostra a integração do kit de interface do usuário nativo do React da Cometchat em React Native. Ele oferece aos desenvolvedores exemplos práticos para incorporar mensagens em tempo real, bem como funcionalidades de chamadas de voz e vídeo, em suas aplicações de reagir nativas.

Reaja nativo: iOS

---

Reaja nativo: Android

Pré -requisitos

• Certifique -se de que você tenha o ambiente de desenvolvimento nativo do React configurado.
  • Siga as instruções para o seu ambiente em https://reactnative.dev/docs/environment-setup
• Inscreva -se em uma conta Cometchat para obter suas credenciais de aplicativos: App ID , Region e Auth Key

Instalação

1. Clone o repositório:

   • Usando https

      git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
     

2. Navegue até o diretório clonado:

    cd cometchat-sample-app-react-native
   

3. Instale dependências:

    npm install
   

4. Para iOS, instale dependências depois de navegar no iOS:

     cd ios
     pod install

5. Digite seu App ID Cometchat, Region e Auth Key no arquivo appconstants.ts:

   cometchat-sample-app-react-native/appConstants.ts

   Linhas 1 a 5 em F2910C2

   	exportar const appConstants = {
   	App_id : 'xxxxxxxxxxxxx' , // Digite seu ID do aplicativo
   	Região : 'xx' , // Digite sua região de aplicativo
   	Auth_key : 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx' , // Digite sua chave de autenticação do aplicativo
   	}

6. Se o seu aplicativo for criado antes de 12 de agosto de 2024, altere o URL de dados de amostra para https://assets.cometchat.io/sampleapp/v1/sampledata.json no arquivo src/components/login/login.tsx:

   Cometchat-sample-app-react-native/src/components/login/login.tsx

   Linhas 20 a 22 em F2910C2

   	React . useeffect ( ( ) => {
   	Fetch ( "https://assets.comchethat.io/sampleapp/sampledata.json" )
   	. então ( ( resposta ) => {

7. Execute o aplicativo em um dispositivo ou emulador da raiz do repo.

   npm start
   npm run android
   npm run ios

Ajuda e apoio

Para problemas executados no projeto ou integrando com nossos kits de interface do usuário, consulte nossa documentação ou crie um ticket de suporte ou procure suporte em tempo real no painel Cometchat.