tencent cloud

PrevNext

Feedback

search by keyword

Recent Pages

Documentation
Chat
    Documentation
    Download PDF

    ReactNative

    Last updated: 2023-08-22 10:48:47
    Download PDF

      Development environment requirements

      TypeScript
      Node (Official Node.js LTS version 16.17.0 recommended)
      npm (please match the version of node)

      Step 1: Environment Construction

      Please refer to React Naitve official documentation to set up a local development environment.

      Step 2: Download and Import TUIKit

      Download TUIKit components via git clone.
      This project is React Native Chat Demo, which is a demo project developed by react-native-tim-js and community-related open source packages, which can help you quickly develop an instant messaging chat scene application.
      git clone https://github.com/TencentCloud/chat-demo-react-native.git

      Step 3: Dependency Installation

      Execute the following code in the root directory of the project to install the dependencies required by the project.
      // yarn
      yarn
      // npm
      npm install
      // ios
      cd ios
      pod install

      Step 4: Run Demo

      1. Please refer to the official document to prepare SDKAppID and UserSig, you must have the correct SDKAppID before initialization.
      2. Fill the prepared SDKAppID and UserSig into the src/pages/config.ts file.
      3. Execute the following command to run demo:
      // yarn
      yarn android
      yarn ios
      // npm
      npm run android
      npm run ios

      Q&A

      How to migrate to existing projects?

      
      src/TUIKit contains TUIChat and other related components, which can be directly copied to your project. At the same time, you also need to install the corresponding dependencies. For the corresponding dependencies, see the package.json file.

      How to use it in expo project?

      
      In expo, if the package you use contains native code, you need to use development build. For details, please refer to the official documentation.

      How to install Expo modules in the demo

      

      Android project error Task :react-native-create-thumbnail:compileDebugJavaWithJavac FAILED?

      See related issues on GitHub.

      Project error No toolchains found in the NDK toolchains folder for ABI with prefix: arm-linux-androideabi?

      

      How to solve the project error Xxx is not Fabric compatible yet?

      Find the suggested component and replace it with a native component.
      

      How to solve the project error Undefined symbols for architecture x86_64?

      

      How to solve the project error Execution failed for task ':react-native-gesture-handler:buildCMakeDebug[arm64-v8a]'?

      

      Project error This declaration is experimental and its usage must be marked with '@kotlin.ExperimentalStdlibApi' or '@OptIn(kotlin.ExperimentalStdlibApi::class)' ?

      

      Project error could not find module 'ExpoModulesCore' for target 'x86_64-apple-ios-simulator'; how to solve it?

      

      App crashes, what's the problem?

      
      Please check whether the permission is applied.

      No response when you click to take a photo?

      
      For the camera function, please use a real device to debug.

      Communication and Feedback

      
      Welcome to join the Zhichat community for technical exchanges and feedback.
      Contact Us

      Contact our sales team or business advisors to help your business.

      Contact Us
      Technical Support

      Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

      Submit a Ticket
      7x24 Phone Support
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      Privacy PolicyLegalCookie Policy