taroChatRoom聊天室是基于taro+react+redux+RN+taropop等技术开发的仿微信App界面聊天IM项目,实现了消息发送、表情动图、预览图片、红包、朋友圈等功能。
Taro多端实践:仿微信聊天室 (H5+小程序+App)
技术实现:编码/技术:Vscode + react/taro/redux/react-native
iconfont图标:阿里字体图标库
自定义导航栏Navigation + 底部Tabbar
弹窗组件:taroPop(基于Taro封装自定义模态框)
支持编译:H5端 + 小程序 + RN端
项目中顶部导航+tabbar是采用自定义组件模式,具体参看:
主页面配置
配置页面路径及全局参数,引入公共样式及状态管理/**
* @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'
// 引入样式
<