Tencent Cloud

Recent Pages

ReactNative

最后更新时间：2023-08-22 10:49:21

开发环境要求
TypeScript
Node（ 推荐使用 Node.js 官方 LTS 版本 16.17.0）
npm（版本请与 node 版本匹配）
步骤1：环境搭建
请参见 React Naitve 官方文档搭建本地开发环境。
步骤2：下载并引入 TUIKit
通过 git 克隆 方式下载 TUIKit 组件。
本项目为 React Native Chat Demo，它是由 react-native-tim-js 及社区相关的开源包开发的 Demo 项目, 可帮助您快速开发一个即时通信聊天场景应用。
git clone https://github.com/TencentCloud/chat-demo-react-native.git﻿
步骤3：依赖安装
在项目的根目录下执行如下代码，安装项目所需依赖项。
// yarn
yarn
// npm
npm install
// ios
cd ios
pod install
步骤4：demo 运行
1. 请参见 官方文档 准备 SDKAppID 和 UserSig，您必须拥有正确的 SDKAppID，才能进行初始化。
2. 将准备好的SDKAppID 和 UserSig填入到 src/pages/config.ts 文件中。
3. 执行如下命令运行：
// yarn
yarn android
yarn ios
// npm
npm run android
npm run ios
常见问题
如何移植到现有项目中?
src/TUIKit 中为 TUIChat 等相关组件，可以直接复制到您的项目中，同时您还需要安装对应的依赖即可，对应的依赖查看 package.json 文件。
在 expo 项目中如何使用?
在 expo 中，如果您使用到的 package 包含 Native 代码，需要您使用 development build，具体信息可参见 官方文档。
如何在 demo 中安装Expo modules
﻿https://docs.expo.dev/bare/installing-expo-modules/#usage﻿
Android 项目报错 Task :react-native-create-thumbnail:compileDebugJavaWithJavac FAILED 怎么解决?
请参见 GitHub 相关问题。
项目报错 No toolchains found in the NDK toolchains folder for ABI with prefix: arm-linux-androideabi 怎么解决?
﻿https://blog.csdn.net/python_yjys/article/details/127145470﻿
项目报错 Xxx is not Fabric compatible yet 怎么解决?
找到提示的组件并换为原生组件即可。
项目报错 Undefined symbols for architecture x86_64 怎么解决?
﻿https://stackoverflow.com/questions/71933392/react-native-ios-undefined-symbols-for-architecture-x86-64﻿
项目报错 Execution failed for task ':react-native-gesture-handler:buildCMakeDebug[arm64-v8a]' 怎么解决?
﻿https://github.com/software-mansion/react-native-gesture-handler/issues/2427﻿
项目报错 This declaration is experimental and its usage must be marked with '@kotlin.ExperimentalStdlibApi' or '@OptIn(kotlin.ExperimentalStdlibApi::class)' 怎么解决?
﻿https://stackoverflow.com/questions/74401011/kotlin-experimentalstdlibapi-or-optinkotlin-experimentalstdlibapiclass﻿
项目报错 could not find module 'ExpoModulesCore' for target 'x86_64-apple-ios-simulator'; 怎么解决?
﻿https://blog.csdn.net/boildoctor/article/details/112575041﻿
出现应用闪退, 什么问题?
请检查权限是否申请。
单击拍照无反应？
拍照功能，请用真机调试。
交流与反馈
欢迎加入 知聊社群 进行技术交流和反馈问题。

联系我们

联系我们，为您的业务提供专属服务。

技术支持

如果你想寻求进一步的帮助，通过工单与我们进行联络。我们提供7x24的工单服务。

7x24 电话支持

tencent cloud

Recent Pages

ReactNative

开发环境要求

步骤1：环境搭建

步骤2：下载并引入 TUIKit

步骤3：依赖安装

步骤4：demo 运行

常见问题

如何移植到现有项目中?

在 expo 项目中如何使用?

如何在 demo 中安装Expo modules

Android 项目报错 Task :react-native-create-thumbnail:compileDebugJavaWithJavac FAILED 怎么解决?

项目报错 No toolchains found in the NDK toolchains folder for ABI with prefix: arm-linux-androideabi 怎么解决?

项目报错 Xxx is not Fabric compatible yet 怎么解决?

项目报错 Undefined symbols for architecture x86_64 怎么解决?

项目报错 Execution failed for task ':react-native-gesture-handler:buildCMakeDebug[arm64-v8a]' 怎么解决?

项目报错 This declaration is experimental and its usage must be marked with '@kotlin.ExperimentalStdlibApi' or '@OptIn(kotlin.ExperimentalStdlibApi::class)' 怎么解决?

项目报错 could not find module 'ExpoModulesCore' for target 'x86_64-apple-ios-simulator'; 怎么解决?

出现应用闪退, 什么问题?

单击拍照无反应？

交流与反馈

本页内容是否解决了您的问题？

本页内容是否解决了您的问题？

tencent cloud

注册

登录

Recent Pages

ReactNative

开发环境要求

步骤1：环境搭建

步骤2：下载并引入 TUIKit

步骤3：依赖安装

步骤4：demo 运行

常见问题

如何移植到现有项目中?

在 expo 项目中如何使用?

如何在 demo 中安装Expo modules

Android 项目报错 Task :react-native-create-thumbnail:compileDebugJavaWithJavac FAILED 怎么解决?

项目报错 No toolchains found in the NDK toolchains folder for ABI with prefix: arm-linux-androideabi 怎么解决?

项目报错 Xxx is not Fabric compatible yet 怎么解决?

项目报错 Undefined symbols for architecture x86_64 怎么解决?

项目报错 Execution failed for task ':react-native-gesture-handler:buildCMakeDebug[arm64-v8a]' 怎么解决?

项目报错 This declaration is experimental and its usage must be marked with '@kotlin.ExperimentalStdlibApi' or '@OptIn(kotlin.ExperimentalStdlibApi::class)' 怎么解决?

项目报错 could not find module 'ExpoModulesCore' for target 'x86_64-apple-ios-simulator'; 怎么解决?

出现应用闪退, 什么问题?

单击拍照无反应？

交流与反馈

本页内容是否解决了您的问题？

本页内容是否解决了您的问题？