一、项目简述
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/