react-native-chat-demo-master
所属分类：android开发
开发工具：JavaScript
文件大小：5681KB
下载次数：6
上传日期：2017-11-21 14:30:42
上 传 者：
iorilee
说明： react-native 聊天程序，最近学习react-native 做了一个聊天小demo，仅供学习参考！！！
(React-native chat program, recently learned react-native to do a chat small demo, for learning reference only!!!)
文件列表:
android (0, 2017-06-12)
android\app (0, 2017-06-12)
android\app\BUCK (1570, 2017-06-12)
android\app\build.gradle (5692, 2017-06-12)
android\app\proguard-rules.pro (2682, 2017-06-12)
android\app\src (0, 2017-06-12)
android\app\src\main (0, 2017-06-12)
android\app\src\main\AndroidManifest.xml (1230, 2017-06-12)
android\app\src\main\assets (0, 2017-06-12)
android\app\src\main\assets\fonts (0, 2017-06-12)
android\app\src\main\assets\fonts\Andale Mono.ttf (109700, 2017-06-12)
android\app\src\main\assets\fonts\Arial Black.ttf (122556, 2017-06-12)
android\app\src\main\assets\fonts\Arial.ttf (773236, 2017-06-12)
android\app\src\main\assets\fonts\Comic Sans MS.ttf (135484, 2017-06-12)
android\app\src\main\assets\fonts\Courier New.ttf (684624, 2017-06-12)
android\app\src\main\assets\fonts\Entypo.ttf (65584, 2017-06-12)
android\app\src\main\assets\fonts\EvilIcons.ttf (13128, 2017-06-12)
android\app\src\main\assets\fonts\FontAwesome.ttf (165548, 2017-06-12)
android\app\src\main\assets\fonts\Foundation.ttf (56976, 2017-06-12)
android\app\src\main\assets\fonts\Georgia.ttf (379588, 2017-06-12)
android\app\src\main\assets\fonts\Ionicons.ttf (143936, 2017-06-12)
android\app\src\main\assets\fonts\MaterialIcons.ttf (128180, 2017-06-12)
android\app\src\main\assets\fonts\Microsoft Sans Serif.ttf (652248, 2017-06-12)
android\app\src\main\assets\fonts\Octicons.ttf (43920, 2017-06-12)
android\app\src\main\assets\fonts\Roboto.ttf (145348, 2017-06-12)
android\app\src\main\assets\fonts\Roboto_medium.ttf (137308, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Black.ttf (211696, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-BlackItalic.ttf (192004, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Bold.ttf (212840, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-BoldItalic.ttf (191132, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Italic.ttf (211768, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Light.ttf (216812, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-LightItalic.ttf (208068, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Medium.ttf (216244, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-MediumItalic.ttf (193052, 2017-06-12)
android\app\src\main\assets\fonts\Rubik-Regular.ttf (220600, 2017-06-12)
android\app\src\main\assets\fonts\SF-UI-Text-Regular.otf (300560, 2017-06-12)
... ...
## react-native-chat-demo
网易云信IM示例
## 如何使用
### 1.注册网易云信帐号
注册地址 [https://app.netease.im/regist](https://app.netease.im/regist)
#### 注意:在后台填入的密码需要进行md5加密,或者把`/src/screens/Login.js`里面对密码的md5加密去掉(否则无法登录)
### 2.修改配置
#### 2.1 ios (AppDelegate.m)
```
[[NIMSDK sharedSDK] registerWithAppID:@"云信appId" cerName:@"证书名称"];
```
##### 注意IOS需要安装cocoapods,进入`react-native-chat-demo/ios` 目录执行 `pod install`
#### 2.2 android (app/build.gradle)
```
manifestPlaceholders = [
"NIM_KEY": ""//云信appId
]
```
## 截图
|会话列表|聊天界面|会话详情|
|:--:|:--:|:--:|
||||
|选择联系人|好友列表|好友详情|
||||
## 云信IM配置请看
[react-native-netease-im](https://github.com/reactnativecomponent/react-native-netease-im)
## 感谢
- [react-native-navigation](https://wix.github.io/react-native-navigation/#/)
- [im_rn](https://github.com/GoBelieveIO/im_rn)
- [react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)
近期下载者：
相关文件：
收藏者：