基于 chat-uikit-react-native 实现一个 React Native 聊天 App

一、前言

本文分享了通过 github 源码快速实现一个聊天 App。

二、具体步骤

Step 1：配置开发环境

如果您电脑没有 React Native 开发环境，请先按照 React Native 官网 set-up-your-environment 配置开发环境.

Step 2：下载源码

Demo 源码可前往 github 下载

Step 3：获取应用信息

您需要前往腾讯云即时通讯官网创建并获取相关的应用信息，关于如何创建即时通信账号请 点击。

Step 4：编译运行 Demo

编译运行前请参考 React Native 官网指引连接真机 running-on-device 。

Android

• 手机开启开发者模式，打开 USB 调试开关。
• 用 USB 连接手机，推荐选择 传输文件 选项，不要选择 仅充电 选项。
• 确认手机连接成功后，执行 npm run android 编译运行项目。

npm run android

iOS

• 用 USB 连接手机，用 Xcode 打开工程的 ios 目录。
• 按照 React Native 官网 running-on-device 配置签名信息。
• 进入 ios 目录下安装依赖。

cd ios
pod install

• 回退到根目录，执行 npm run ios 编译运行项目。

cd ../
npm run ios