博客APP

初次接触rn写的一个demo

说下体会，虽然是使用react开发，但是如果你仅仅只会react，那么你开发出来的app，他还是类似网页一样的功能，因为在开发时，你会接触到很多原生的东西，并且层出不迭的红屏报错，保证你感觉自己活在深渊里。哈哈。。。。。

安装

首先保证安装了react-native的开发环境（react-native开发环境安装传送门）

git clone https://github.com/maopixin/Blogs.git
cd Blogs 
npm i
react-native run-ios
或
react-native run-android

第三方库（对应版本可以在package.json中找到）

注意：请不要随意使用最新版第三方包，说不定你就会遇到无可预期的bug

库名	描述	版本
react-native	主角
react-navigation	官方推荐路由
react-native-htmlview	轻量显示html的组件
react-native-scrollable-tab-view	滚动tab
react-native-vector-icons	icon
teaset	一款不错的ui库
react-native-sound	播放本地或者网络音频文件
react-native-splash-screen	APP启动图
react-native-video	播放视频或者音频

已完成功能

• 集成redux以及redux-thunk中间件
• 个人中心（静态）
• 技术心得（上拉加载，下拉刷新）
• 生活随笔（上拉加载）
• 博客详情（WebView直接加载的移动端）
• 歌曲排行榜
• 歌曲列表
• 歌曲播放页
• 注册 (无接口支持仅静态)
• 登录 (无接口支持仅静态)
• 监测网络变化
• 设置(伪)
• 测试震动
• 测试提示声（本地及网络文件）