native聊天界面 react_react-native高仿微信app实例|RN聊天室|朋友圈

简述

react native实现的仿微信原生app聊天实例，基于react-native+react-navigation+react+redux+react-native-image-picker+react-native-swiper等技术架构开发。实现了消息发送、textInput文本框插入表情符、表情大图gif、图片选择预览、红包、朋友圈等功能。

技术实现

MVVM框架：react / react-native / react-native-cli

状态管理：react-redux

页面导航：react-navigation

rn弹窗组件：rnPop

打包工具：webpack 2.0

轮播组件：react-native-swiper

图片/相册：react-native-image-picker

效果预览

{

"name": "RN_ChatRoom",

"aboutMe": "QQ：282310962 、 wx：xy190310",

"scripts": {

"start": "react-native start",

"test": "jest",

"lint": "eslint ."

},

"dependencies": {

"react": "16.8.6",

"react-native": "0.60.4"

},

"devDependencies": {

"@babel/core": "^7.5.5",

"@babel/runtime": "^7.5.5",

"@react-native-community/async-storage": "^1.6.1",

"@react-nati