tencent cloud



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

    Development environment requirements

    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
    // 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


    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.

    Technical Support

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

    7x24 Phone Support