Skip to content
🍁React-Native 专为技术人打造、专注共享、资源不断更新的读书 APP 目前已适配两端『 ios & android 』
Branch: master
Clone or download
Latest commit 63abcb1 May 28, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
__tests__ 🚀 Initialize the overall project. Mar 4, 2019
android 🌈 replace the Android app name and icon. May 25, 2019
app 🎨 suitable for different cell phone sizes and styles. May 28, 2019
ios 🎨 suitable for different cell phone sizes and styles. May 28, 2019
public 📄 add introductory documentation and API interface documentation. May 24, 2019
.buckconfig 🚀 Initialize the overall project. Mar 4, 2019
.eslintrc.js 🚀 Initialize the overall project. Mar 4, 2019
.flowconfig 🚀 Initialize the overall project. Mar 4, 2019
.gitattributes 🚀 Initialize the overall project. Mar 4, 2019
.gitignore
.watchmanconfig
App.js
LICENSE Initial commit Mar 4, 2019
README.md Update README.md May 26, 2019
app.json 🚀 Initialize the overall project. Mar 4, 2019
babel.config.js 🚀 Initialize the overall project. Mar 4, 2019
global.js 👾 Add file system dependencies. May 4, 2019
index.js 🚀 Initialize the overall project. Mar 4, 2019
package.json 📄 add introductory documentation and API interface documentation. May 24, 2019
yarn.lock 📄 add introductory documentation and API interface documentation. May 24, 2019

README.md

react-native-share-book

最初写这个项目纯粹就是满足自己读书的要求同时扩展一下知识技能, 后来发现周围很多认识的人都有阅读电子书的习惯,无奈大多第三方软件都收费, 所以干脆自己好好去写一个以共享为主题的图书,让获取知识的途径更“便捷”。

由于“闲余”时间比较有限,加之接触 react 不久,写的也难免会有些仓促... 但随着后续深入 react 的过程中,肯定会改进项目中的不足之处。

目前项目很多功能只是初版,资源量也不是很大,但是这些都将会利用工作之余慢慢更新迭代。

本项目所有接口来源均是利用 eggjs 写的一套 node 服务, 由于初版使用 js 写的,后期慢慢会用 TS 重构,所以这个项目就不放上来了,API - 接口文档

由于服务带宽很小,请不要“疯炸”接口,若有需要数据请直接留言,我会直接放出来。

如果对您有帮助,您可以点右上角 "Star" 鼓励一下 谢谢! ^_^

在线体验

通过下面的二维码,可以在手机中安装体验 React-Native-share-book

二维码 描述
Android React-Native-share-book (点击下载 apk)
IOS 如果感兴趣,可本地运行 👍

注:微信等扫码跳转,在浏览器打开允许下载即可。(ios 体验更好:建议本地运行,获取 ios 证书,本地装。)

项目主体

书城页

instructions Preview(IOS) Preview(Android)
书城承载了所有图书资源,主要包含一级分类模块(如:文学、小说等大类),轮播模块,前期主要放一些图书及公告信息等,猜你喜欢模块,根据用户浏览密度定向推一些书籍 register_ios

列表页

instructions Preview(IOS) Preview(Android)
图书资源列表展示页,主要包含二级分类筛选模块,用于更细粒度的筛选;图书列表模块,展示图书信息,支持下拉/上拉刷新等简单基础功能 login_ios

详情页

instructions Preview(IOS) Preview(Android)
主要用于介绍每一本书详细信息,主要包含图书卡片(如:封面,作者,标签等),图书整体内容简单概要说明文字,作者信息简介,关于图书出版等信息的简单介绍;提供阅读入口,加入书架等操作 register_ios

阅读器页

instructions Preview(IOS) Preview(Android)
用于解析资源,阅读的容器,实现基本的目录、定位,阅读进度,换肤、阅读模式切换等基本功能,本APP定位为简单好用即可,故后期也不会去扩展笔记标签等功能。 login_ios

注册页

instructions Preview(IOS) Preview(Android)
提供用户注册的页面,生成账户的页面,主要提供四个类目信息,头像(支持相机取照,相册取照)账号,密码,手机号(特别说明:因一些原因,不考虑做手机短信验证和邮箱验证) register_ios

登录页

instructions Preview(IOS) Preview(Android)
用于用户登录的页面, 提供找回密码 和注册和第三方登录(目前这个功能隶属迭代功能点,基础版本暂且不上)的入口 login_ios

我的页

instructions Preview(IOS) Preview(Android)
主要放一些展示用户信息,设置等将在后期迭代更新的功能点入口(主要是用户阅读历史统计,分享,收藏等...) register_ios

个人信息页及书架

instructions Preview(IOS) Preview(Android)
主要用于展示用户个人信息,及编辑个人信息特别说明:账号和手机号码是不提供修改的,注册既定。头像和昵称等是可修改的 login_ios

设置页

instructions Preview(IOS) Preview(Android)
主要承载一些基础功能展示,及编辑的功能页面,目前,主要是:清缓存,关于我们这个项目信息,退出登录等的入口 login_ios

搜索页

instructions Preview(IOS) Preview(Android)
用于快捷搜索图书,主要检索图书名称, 后期会慢慢加上多字段检索,搜索热度,搜索推荐等功能点 login_ios

TODO

接下来的开发重点

  • 项目整体体验优化
  • 代码层面及性能优化(这块得多花点心思,深入一下react
  • 持续性的资源整合

计划中

  • 用户信息可编辑
  • 书架移除交互 - 由长按改为拖动移除
  • ...

已知 Bug

  • 阅读器界面横向翻页,不流畅。(后期将重构该页面)

本地运行

  1. 配置 react-native 环境

  2. 安装 react-native-cli $ npm i -g react-native-cli

  3. 克隆 react-native-share-book 仓库到本地

  4. 安装依赖 $ yarn || npm i

  5. 打开模拟器

  6. 运行项目 $ npm run android || npm run ios 或者 $ yarn android || yarn ios

PS: 运行 Android 项目时,先打开 Virtual Device 或者真机调式

开发环境及第三方框架

License

MIT License - Copyright (c) 2019 lemon。

You can’t perform that action at this time.