## 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加密去掉(否则无法登录)
#### ios高德地图库冲突，使用5.6.0的版本即可正常编译
### 2.安装库

- 执行 `npm 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)