react native开发的新闻客户端
前言
这个是去年的项目了,当时要开发一个新闻头条客户端,后来各种原因项目就停了,这个客户端已经开发了一大半了,现在开源出来,大家一起学习借鉴讨论。
项目运行
注意:由于项目是去年的,可能现在跑有些插件需要更新。没基础的同学可能会掉坑?
假设你已经搭建好运行rn的环境。
git clone https://github.com/SmallRuralDog/rn-news.git
cd rn-news
yarn install or npm install
react-native run-android or react-native run-ios
复制代码
还没搭建运行环境的同学,这里我就不多说了,看这里:https://reactnative.cn/docs/0.51/getting-started.html
另外
此项目后端是PHP的。如果有需要的同学可以加群要。如果只想体验客户端,请忽略这句话。
说明
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
官方交流群:463747203(QQ)
推荐一个 小程序 开源项目,基于
mpvue
开发的云档。对小程序感兴趣的朋友赶紧去看看。地址在这里
另外一个基于vue2的开源商城前端。地址在这里
还有一个付费课程的前端基于vue2.0 + vuex + vue-router + vux 地址在这里
效果演示
看下面的吧!!
功能
- 新闻列表
- 视频列表
- 新闻浏览
- 视频播放
- 新闻详情页,视频播放页个人态度
- 新闻大图浏览,轮播,下拉关闭
- 文章视频评论、回复、点赞
- 搜索页,标签页
- 手机号码登录
- 个人中心
- 个人设置,头像修改,选择图片并剪切压缩上传
- 文章字体设置
动图演示
图片较大,请耐心等待
文章
视频
个人中心
License
程序可以随意使用,转载请带上链接 https://github.com/SmallRuralDog/rn-news
react native开发的新闻客户端相关推荐
- React Native 实例 - BBC新闻客户端
欢迎Follow我的GitHub: https://github.com/SpikeKing 关于React Native的实例, BBC新闻客户端. 通过访问BBC的公开网络接口, 获取新闻内容, ...
- React Native开发(一)
本React Native讲解专题:主要讲解了React Native开发,由基础环境搭建配置入门,基础,进阶相关讲解. 关于React Native各种疑难杂症,问题深坑总结方案请点击查看: Mac ...
- 【转】【React Native开发】
[React Native开发]React Native控件之ListView组件讲解以及最齐全实例(19) [React Native开发]React Native控件之Touchable*系列组 ...
- windows 下配置 react native 开发环境
windows 下配置 react native 开发环境 安装nvm 由于react native 需要使用 NodeJs 4.0以上版本,为了方便切换NodeJs,首先我们需要安装nvm. 你可以 ...
- React Native开发之必备React基础
为了帮助大家快速上手React Native开发,在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识. 概述 本节课将从React的特点.如何使用React.JSX语 ...
- React Native开发错误警告处理总结(已解决 !持续更新)
注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者.文中有不妥的地方希望指出共同学习,同时欢迎大神补充.(之后我会放出自己开发整理的笔记和GithubDemo地址, ...
- Windows环境下安装React Native开发环境----记一次填坑过程
前言 集成React Native开发环境遇到各个坑,调试了很久出现过找不到设备,百度上个别人的资料有误被绕来绕去耽误了很多时间,下载慢等待时间过长等问题,最后多方查阅资料,电脑重启等操作终于部署好了 ...
- iOS新知识学习之React Native开发工具集
本文整理了React Native iOS开发过程中有用的工具.服务.测试.库以及网站等. 工具 你可以选择不同的开发环境:DECO.EXPO或者你可以使用Nuclide+Atom,目前我使用EXPO ...
- React Native开发之——Webstorm开发RN配置
前言 前文React Native开发之--Webstorm快捷开发介绍了使用Webstorm快捷开发React Native, 本文介绍Webstorm开发RN配置. Webstorm开发RN配置 ...
最新文章
- 初入react-redux (基于webpack babel的react应用框架)
- centos uwsgi配置_centos下配置nginx+uwsgi运行py以及静态文件的加载
- 曙光计算机系统,曙光1000大规模并行计算机系统
- b站2020用户画像_B站2020年度动画大选来袭!论引战,还是要看B站!
- @select注解_SSM框架(十三):Spring框架中的IoC(3)新注解,完全摆脱xml文件
- 关联分析算法(一)——Apriori(先验算法)
- extjs中滚动条属性_36个工作中常用的JavaScript函数片段「值得收藏」
- jmap查询JVM堆内存
- SmartMesh WireLess HART 资料总结
- python分行政区域汇总_python:编写行政区域三级菜单(day 1)
- ANSYS模态分析详细步骤记录
- 系列学习 Lambda 表达式之第 2 篇 —— JDK1.8 的 Stream 流基本使用
- Android 上唯一好用的图片标注 App:马克标注
- DIV布局`电影在线 网站设计——漫威电影(2页) HTML+CSS+JavaScript 学生DW网页设计作业成品
- Ubuntu 16.04+网易云音乐+Adobe Flash+腾讯QQ
- 关于csgo的观看录像fps低_《CSGO》FPS低解决办法
- 推荐一些不常见的搜索引擎
- JMeter入门教程详解
- 【PSoC5】使用CY8CKIT-05编写按键控制舵机实验
- 王者荣耀永不缺席称号如何获得 王者荣耀永不缺席称号获得方法
热门文章
- 游戏开发之--开源软件1--cocos2d-x(c++)|openbor
- 脚本修改域内本地管理员密码
- 什么是A记录,子域名,CNAME别名,MX记录,TXT记录,SRV 记录,泛域名(泛解析),域名转向,域名绑定...
- 前端需要了解的nginx(2)
- 环形buffer缓冲区
- Linux运行级别介绍
- [翻译]在jQuery 1.5中使用deferred对象
- Redis如何做内存优化?
- mysql max_prepared_stmt_count_MySQL的max_prepared_stmt_count参数
- python核心编程第三版_《Python核心编程(第3版)》