分享一个 React-Native项目（集成环信聊天）

最新推荐文章于 2024-08-09 08:12:01 发布

weixin_34014277

最新推荐文章于 2024-08-09 08:12:01 发布

阅读量587

点赞数

文章标签： javascript python ui ViewUI

原文链接：https://segmentfault.com/a/1190000011078576

版权

cnodejs客户端

项目地址 https://github.com/linwh1115/...

首页和详情页UI参考 https://github.com/shinygang/...

API由 https://cnodejs.org/api 提供

在官方提供的API之外，增加搜索入口和个人资料入口。

说明

这个项目之间断断续续花了差不多12天时间，之前有一点react基础，因此做react-native上手就稍微快了。

基本就是一边看文档一边做，不懂的Google，所以这个项目可能有些地方写的不好，有时间想到了改进下项目，但是期间学习到了很多知识。

比较复杂的功能还需要时间学习。

这只是一个练手的项目，希望大家多多交流

部分演示

图片描述

待完善的功能

[ ] 实现扫码登录
[ ] 首页UI调整区分首页和招聘板块
[ ] 详情页面内容显示优化
[ ] 添加回复评论
[ ] 话题发布优化

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34014277

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

react-native-rename：仅用一个命令即可重命名react-native应用

01-30

只需一个命令即可重命名react-native应用该软件包假定您使用react-native init创建了react-native项目。注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。重命名项目后，您应该...

react-native-gifted-chat：React React Native的最完整的聊天UI

02-05

:party_popper: react-native-web能力（自0.10.0起）的使用TypeScript编写（自0.8.0起）完全可定制的组件作曲家的动作（附加照片等）加载较早的消息将邮件复制到剪贴板使用可触摸链接阿凡达作为用户的首...

1 条评论您还未登录，请先登录后发表或查看评论

环信ReactNative iOS APP 集成

jyt婷的博客

12-28

1469

目前，环信的 React Native iOS Demo 已经提供登录、注册、好友、群组、聊天等功能。您可以在您的 React Native 项目中集成 iOS Demo，以便直接获得即时通讯功能。 Demo 下载在环信官网扫码下载，然后按照指示安装。注意：安装后需要添加企业信任才能正常运行（设置 → 通用 → 设备管理 → EaseMob Inc → 点击信任）。

React Native Gifted Chat 使用教程

最新发布

gitblog_00387的博客

08-09

340

React Native Gifted Chat 使用教程 react-native-gifted-chat???? The most complete chat UI for React Native项目地址:https://gitcode.com/gh_mirrors/re/react-native-gifted-chat 项目介绍 react-native-gifted-chat 是一个为 Re...

React Native 环信IM

RounrounZhang的博客

04-10

2153

下载demo:https://github.com/easemob/webim-react-native 解压缩，cd进入demo目录，执行初始化： npm run newclear 初始化主要是下载项目所需的库，生成node_modules文件夹修改 node_modules/axios/lib/utils.js 文件的 isStandardBrowserEnv()函数。 funct...

环信ReactNative Demo运行

EaseMob.沈冲

12-29

2065

环信终于发布了ReactNative版本的demo： V0.1.0 2016-12-23 那么问题来了，ReactNative新手如何运行demo源码呢？首先阅读下集成的官方文档：http://docs.easemob.com/im/react-native/ios-app；下载demo源码。如果之前没有安装过ReactNative环境的，执行 npm run newclear 命

react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

weixin_30556161的博客

09-01

1950

一、前言 9月，又到开学的季节。为每个一直默默努力的自己点赞！最近都沉浸在react native原生app开发中，之前也有使用vue/react/angular等技术开发过聊天室项目，另外还使用RN技术做了个自定义模态弹窗rnPop组件。一、项目简述基于react+react-native+react-navigation+react-redux+react-native-s...

react-native-modal-datetime-picker：适用于Android和iOS的React-Native datetime-picker

01-30

$ npm i react-native-modal-datetime-picker @react-native-community/datetimepicker # using yarn $ yarn add react-native-modal-datetime-picker @react-native-community/datetimepicker 请注意， @react-...

react-native-matomo:React Native Matomo集成

05-06

用于React Native的Matomo SDK 本文档介绍了如何开始使用Matomo Tracking SDK for React Native。是领先的开源Web分析平台，可为您提供有关网站访问者，营销... 将node_modules/react-native-matomo/ios/BNFMatomo.xc

react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS

02-05

react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。相关项目推荐：关联文档： : 功能地图模式切换（常规，卫星，导航，夜间） 3D建筑...

react-native-simple-chat：为React Native实现聊天UI的简单解决方案

02-13

React本机简单聊天 React Native的简单聊天UI 安装 npm install react-native-simple-chat or yarn add react-native-simple-chat 用法 import SimpleChat from "react-native-simple-chat" ; // ... < SimpleChat xss=removed xss=removed xss=removed> 例子贡献请参阅以了解如何对存储库和开发工作流程做出贡献。执照麻省理工学院

使用ReactNative一步一步创建自己的聊天应用程序的教程

08-11

使用React Native一步一步创建自己的聊天应用程序的教程

一个ReactNative库用于显示聊天消息中的图像网格

08-10

一个ReactNative库用于显示聊天消息中的图像网格

react-网易云信ReactNative组件

08-14

网易云信React Native组件

react-native-im:自定义的IM模块框架，可以插入不同的消息类型，支持自定义UI和处理方式。(开发中)

05-02

react-native-im 详细说明，参见。

ReactNative环信接入

qq_30817073的博客

09-20

1328

环信即时通讯云V3.0ReactNative接入具体接入还是得下载ReactNative Demo然后看看官网代码才可以 1.React Native Demo介绍 React Native Demo 已集成环信 Web IM SDK，并提供即时通讯基本功能，开发者可以直接将该 Demo 集成到您的应用中，立即获得即时通讯的能力。 GitHub 下载地址：https://

ReactNative聊天APP实战|仿微信聊天/朋友圈/红包界面

码农ICoding

09-06

4015

项目简介最近一直在研究RN技术，想着找个项目练练手，之前就有使用vue、react技术开发过聊天项目，这次就使用reactNative技术开发个仿微信RN版。是基于 react-native+react-navigation+react-redux+react-native-image-picker+rnPop 等技术实现开发的仿微信原生APP聊天项目，该项目从搭建到开发完花了半个月，主要是...

React + React Native 实现双端视频聊天、屏幕共享

frontend_frank的博客

01-31

563

大家好，我是杨成功。之前介绍过 WebRTC，简单来说它是一个点对点的实时通讯技术，主要基于浏览器来实现音视频通信。这项技术目前已经被广泛应用于实时视频通话，多人会议等场景。不过 WebRTC 因为其过于优秀的表现，其应用范围已经不限于 Web 端，移动 App 也基本实现了 WebRTC 的 API。在跨平台框架中，Flutter 和 React Native 都实现了对 WebRTC 的支持。...

React-Native集成CodePush热更新教程

在React-Native项目中集成CodePush，首先要确保项目能正常运行。接着，通过`yarn add react-native-code-push`或`npm install --save react-native-code-push`将CodePush库添加到项目依赖中。然后，在项目的`package...