react实现聊天界面_Taro聊天室|react+taro仿微信聊天App界面|taro聊天实例

一、项目简述

taro-chatroom是基于Taro多端实例聊天项目，运用Taro+react+react-redux+taroPop+react-native等技术开发的仿微信App界面聊天室，实现了发送消息/emoj表情、gif表情大图、图片预览、发红包、动态圈等功能。

二、预览效果

编译到H5端、小程序、App端效果如下：(后续大图均为APP端)

三、技术栈

编码/技术：Vscode + react/taro/redux/RN

iconfont图标：阿里字体图标库

自定义导航栏Navigation + 底部Tabbar

弹窗组件：taroPop(基于Taro封装自定义模态框)

支持编译：H5端 + 小程序 + App端

/**

* @desc Taro入口页面 app.jsx

* @about Q：282310962 wx：xy190310*/import Taro, { Component } from'@tarojs/taro'import Index from'./pages/index'

//引入状态管理redux

import { Provider } from '@tarojs/redux'import { store } from'./store'

//引入样式

import './app.scss'import'./styles/fonts/iconfont.css'import'./styles/reset.scss'class App extends Component {

config={

pages: ['pages/auth/