# react-native-chat-demo

**Repository Path**: EightDoor/react-native-chat-demo

## Basic Information

- **Project Name**: react-native-chat-demo
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-02-08
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## react-native-chat-demo
网易云信IM示 界面仿微信

[js版本](https://github.com/reactnativecomponent/react-native-chat-demo/tree/js-ui)
## 如何使用
### 1.注册网易云信帐号
注册地址 [https://app.netease.im/regist](https://app.netease.im/regist)
#### 注意:在后台填入的密码需要进行md5加密，或者把`/src/screens/Login.js`里面对密码的md5加密去掉(否则无法登录)
### 2.安装库

- 执行 `yarn install`
- IOS需要安装cocoapods,进入`/ios` 目录执行 `pod install`
### 3.修改配置
#### 3.1 ios (AppDelegate.m)
 ```
[[NIMSDK sharedSDK] registerWithAppID:@"云信appId" cerName:@"证书名称"];
 ```
#### 3.2 android (app/build.gradle)
 ```
  manifestPlaceholders = [
     "NIM_KEY": ""//云信appId
  ]
 ```
## 截图

|会话列表|消息|表输入|
|:--:|:--:|:--:|
|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s6.png)|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s1.png)|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s2.png)|
|自定义输入组件|语音输入|录音界面|
|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s3.png)|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s4.png)|![](https://github.com/reactnativecomponent/react-native-chat-demo/blob/master/screenshots/s5.png)|

## 云信IM配置请看
[react-native-netease-im](https://github.com/reactnativecomponent/react-native-netease-im)