ITalk with React Native(使用React Native开发的一款聊天社交软件)
How to Use(以下开始我就用中文,干啥每个项目都E文。。。。害我看不懂,只给赏识中文的兄弟看,嘎嘎嘎!!!!)
================================================================== 后续内容:
1.继续完善,加入后台RestFul服务,后台项目地址
[java-italkserver](https://github.com/LancCJ/java-italkserver "java-italkserver")
2.使用fetch请求数据 在主动关闭服务后的处理需要搞一下
请求发送一个无效的地址(主动关闭后台服务,导致无法登陆) 进行提示
3.QQ
这是android
APP ID 1105855384
APP KEY nlHIo7gpNa5ZZk95
这是IOS
APP ID 1105855852
APP KEY MyMuxyL8XWGpNQ1A
Wechat
4.第三方登录 暂时没找到合适的组件,先做其他功能
5.一些marginBottom的组件会因为键盘弹起往上弹
================================================================== 版本更新日志:
2016年12月12日
1.Maximum call stack size exceeded 问题排除
关闭了react-native run-android 的命令提示符 然后就可以了
2.尼玛加入redux终于知道怎么回事了
2016年12月05日
1.更新react-native至0.39.0
2.状态栏沉浸使用StatusBar来达到效果
2016年11月30日
1.加入 QQ登录(IOS Android)
2016年11月29日(这个版本开始加入后台服务请求才能运行)
1.添加了一个网络请求的封装Component 路径:common/utils/NetUitl
2.添加了一个定义一些不修改常量的Component 路径:common/Constants
里面定义了HostUrl路径以及其他请求的路径
3.统一服务器端和客户端 错误码的定义 定义文件 common/StateCode
4.实现简单登录 需要配合后台服务
5.加入2个组件 (react-native-progress,react-native-modalbox@latest)打算用来做弹出的进度
2016年11月25日
1.更新react-native版本到0.38.0,react版本到15.4.1
2.在使用react-native-elements 里面的List时候区分了每个点击 然后进行不同页面跳转
3.修改其他小问题
2016年11月24日
1.新增 关于页面
2.加入 react-native-share 完善设置页面的点击事件
2016年11月23日
1.修改导航 左侧返回文字和按钮图标 使用自定义
2.调整上一个版本 登录界面 IOS 和 Android 布局的问题 原因是 顶部Logo部分图片导致
2016年11月22日
1.加入react-native-router-flux 一款导航的第三方
2.新增登录界面
3.Android添加沉浸代码 但是效果不佳暂时设置false关闭沉浸
MainActivity中有中文注释
4.新增注册界面
2016年11月19日
1.项目才开始没啥好记得,目前只做前段的UI部分,边学边做
2.引入react-native-gifted-chat用于组件聊天UI
3.点击会话界面随便一条可以跳转到聊天室界面查看效果 doing......
================================================================== 项目依赖组件:
1.mockjs 用来模拟请求然后获取Rap上面的假数据的
2.react-native-elements 用来使用里面一些UI控件,比自己写减少很多代码
3.react-native-tab-navigator 一个跨平台的(IOS,Android)的一个底部Tab切换,第二项以此进行了封装所以这个在使用
react-native-elements的时候先npm install 进来
4.react-native-vector-icons 这个就是很多icon不用自己再傻了吧唧的弄其他的了一般够用,特殊的自己再引入即可
5.react-native-gifted-chat 聊天的一个UI组件,自己就不用辛苦写了嘛感谢老外 FaridSafi
6.react-native-router-flux 一款导航器进行了封装方便管理页面管理,这里又偷懒了 呵呵 原谅我!
7.react-native-share 一款分享的组件
8.react-native-progress 一款进度条的组件
9.react-native-modalbox@latest modal组件
10.react-native-qq QQ第三方登录
==================================================================
1.1:先clone到本地,相信这一步大家做开发的都基本会,不去详细描述
1.2:然后进入到项目根目录 CMD命令执行 npm install 这一步用来加载些项目依赖主要通过读取配置文件package.json
来加载大家不用细究执行就是了
执行的时候 报错
npm WARN react-native-elements@0.6.3 requires a peer of react-native-vector-icons@^2.1.0 but none was installed.
不用理会,因为项目使用了更高的版本3.0
1.3: 然后在执行相应的平台命令
Android执行react-native run-android
IOS执行 react-native run-ios