# ReactNativeNovel

**Repository Path**: leibangwen/ReactNativeNovel

## Basic Information

- **Project Name**: ReactNativeNovel
- **Description**: 一个完整的ReactNative开发的小说客户端，支持Ios和android包括首页展示，小说详情，阅读器，无缝阅读等完整功能。
- **Primary Language**: NodeJS
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-07-19
- **Last Updated**: 2021-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ReactNativeNovel

#### 介绍
这是一个用ReactNative开发的一个完整的同时支持ios和Android平台的小说APP（该项目不包括服务端的代码），本来是公司的项目，已经成功上架到各大android应用市场，AppStore市场也成功上架了的，但是后来由于某些原因，公司不得不完全抛弃这个项目，所以也相应全部从市场上下架了（所以现在没有服务端了，我也没有自己搭建服务器，所以客户端所有的展示数据都是本地模拟的数据）。我作为该项目客户端的完全开发者和服务端部分功能开发者，几个月开发的结果我不忍心就这么没了，所以开源出来提供大家一起学习ReactNative，也算是我对ReactNative的一个巩固和整理。

#### 主要功能展示
<br>1:小说排行导航：小说排行榜页面经过自己的优化和设计，支持缓存，切换时不会出现重复加载数据的情况。数据动态加载
<br>2:首页：布局样式后台可动态部署，所有模块已经分类，运营可根据业务需求动态搭配样式，也有缓存，分段加载，提升首页渲染速度。
<br>3:小说详情页：自我感觉没有太多亮点，不过夜可以秀一下吧。
<br>4:小说阅读器：这是自我感觉最难的模块，除了还不支持仿真翻页效果外，大部分效果也尽量高地模仿QQ阅读器等主流浏览器，支持无缝章节阅读、文字分页、自动缓存、离线阅读等功能。
<br>5:章节预缓存：用户支持自己下载章节缓存本地，离线阅读。


#### 软件架构
整个项目由于本身是公司的项目，所以很多功能设计和UI也都还OK的，所以可能没有一定RN基础的人看代码会觉得代码逻辑有点复杂，但是如果想参考里面的部分功能，可以不用管整体的逻辑，只看相关模块就行了。当然，我其实在做这个项目时也是边学习边开发的，所以很多功能在实现的时候并不是很合理，欢迎大家指正。项目使用Mobx进行状态管理
<br>以下是一些重要库的版本，主要库的版本信息在项目中国的package.json中都能看到
<br>ReactNative版本：0.50.3
<br>Mobx版本：3.3.1



#### 安装教程
安装和使用其实只要懂点RN的人都知道怎么用，我下面就简单地提一下而已。首先我默认你的电脑所需要开发的环境都具备了，例如Nodejs，Android。。。等。<br>
android端：Android端的apk容器我用的是AndroidStudio3.0进行编译的，我本人不太喜欢AndroidStudio的，因为AS总是编译会遇到各种问题，解决起来很麻烦,所以如果只是参考RN的代码，你可以不用折腾AS，站在一个读者的角度着想，所以我都编译好Debug版本的容器了，下载安装，然后运行react-start命令启动服务，就可以用了的。下面是具体的android端运行方法。<br>
<br>1：下载并安装这个APK容器，下载地址：，容器配置和PC或者mac同一局域网下的IP地址，这个应该了解RN的都知道怎么做，我就不详细说了。
<br>2：进入该项目的目录下，也就是和package.json同级目录，运行以下几条命令
<br>npm install
<br>react-native
<br>然后看到如下的提示就算成功了，如果没有。。。。。。。那多试几次吧。



#### 模块说明


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)