漫画书

1.平台:Android客户端(后期完善IOS端)

2.开发框架:React Native react-redux react-thunk

3.开发工具:Vs Code 1.8

1.项目架构

app

actions 用户行为

reducer 对用户行为进行分发,更新状态

store 整合全部reducer

container 业务模块

components UI组件

utils 工具文件

images 图片

constan 常量

style 样式

api 网络URL

widget 自定义组件

root.js App根文件

app.js App入口

index.ios.js

index.android.js

项目采用React-Native react-redux react-thunk框架开发,目前由于没有mac设备,只完成兼容Android环境,代码模块化实现,组件封装实现代码复用。

2.App模块

分为首页、发现、精选、我四大版块,以下是功能列表:

1.使用ViewPager跟ListView展示图文列表。

2.推荐精彩漫画列表。

3.精选内容,分类展示,增加滑动Tab,增加用户体验。

4.自定义扩展ListView,实现上拉加载更多数据,下拉刷新数据。

5.添加缓存功能,增强用户体验。

项目用到的接口来自聚合数据。

3.整体设计

使用官方的Navigator管理全局路由,可自由配置Scene的出场动画,处理Android端的后退键事件

使用FlexBox和jsx语法进行布局,并封装了一系列通用的组件,比如TopBar 、带上下拉功能的ListView等,便于全局复用

导入第三方库react-native-wechat实现微信分享

使用InteractionManager,阻止ListView的头部和尾部频繁刷新,优化渲染性能。

在深刻理解的前提下引入redux相关功能,包括redux/react-redux/redux-thunk/,设计与漫画列表和详情相关的全局state结构,使用redux管理相关的组件

4. 第三方库

依赖方式,cd到项目根目录,执行: npm install [插件名称] -save

(1)redux: ^3.6.0

(2)react-redux: ^5.0.2

(3)react-thunk: ^1.0.0

(4)redux-thunk: ^2.1.0

(5)react-native-blur: ^2.0.0

(6)react-native-viewpager

(7)react-native-vector-icons: ^4.0.0

(8)react-native-scrollable-tab-view: ^0.7.0

(9)react-native-lightbox: ^0.6.0

(10)react-native-simple-store: ^1.1.0

5.运行截图

android漫画app代码,漫画书Android客户端 – ComicApp相关推荐

  1. android 搜索文件代码怎么写,android学习笔记(5)-一个搜索文件的APP(2)-搜索功能的实现...

    接上一篇,今天把搜索的代码放上去了.效果图如下. MainActivity.java package com.stk.afinder; import android.os.Bundle; import ...

  2. 【Android】5,android开发app代码

    @Override protected void onStart() { super.onStart(); System.out.println("onStart============&q ...

  3. [转]Android 项目的代码混淆,Android proguard 使用说明

    简介 Java代码是非常容易反编译的.为了很好的保护Java源代码,我们往往会对编译好的class文件进行混淆处理. ProGuard是一个混淆代码的开源项目.它的主要作用就是混淆,当然它还能对字节码 ...

  4. android studio app字体大小设置,Android Studio App设置TextView文字内容大小颜色

    设置TextView文字内容大小颜色 1.第一种方法在activity_main.xml李设置,Java文件不用改: android:text="这里是文字" android:te ...

  5. android预置app可卸载实现,Android系统预制可自由卸载apk

    在我们都痛恨手机厂商预装着一堆无用的app时,是否考虑怎么实现将app预装在data区,让用户可以自由卸载,做一个有良心的厂商,下面就把来说说如何实现预装app能够让用户卸载. 系统识别的app位置 ...

  6. Android技术应用实验指导书,Android应用开发实验指导书

    第 1 页手机应用开发实验指导书西南科技大学计算机科学与技术学院2015.11第 2 页目录手机应用开发 .1实验指导书 .1实验一:搭建 Android开发平台和创建 HelloWorld程序 .- ...

  7. android中注册代码怎么写,Android P HIDL demo代码编写 (原创)

    之前的文章已经分析了hidl服务的注册和调用,这篇文章来总结下一个hidl的服务如何编写. 缩写hal文件 首先要确认放置文件夹和接口的包名,因为这跟后面使用脚本生成一部分代码有关,一般默认的放在ha ...

  8. android 优秀app界面设计,基于Android系统的App界面设计.doc

    基于Android系统的App界面设计 摘 要:智能手机时代的来临改变了大多数人的生活习惯,时至今日智能手机已经成为了人们工作生活中的一部分,在工作生活中发挥着重要的作用.App作为智能手机应用程序的 ...

  9. android 退出app代码_PPT 下载 | APP 埋点那些事

    本文内容根据神策大数据技术直播系列第一季第二讲<数据采集与埋点>整理而成,可在公众号后台回复[629技术直播],获取 PPT. ▼▼▼ 主持人(刘鑫):来到神策以后参与的一个项目,就是灼洲 ...

最新文章

  1. Python内置数据结构之双向队列
  2. Simulink仿真---PMSM滞环电流控制仿真模型学习
  3. [Android] DownloadManager下载管理类2.3新增API介绍
  4. linux mysql 5.6.24_Mysql实例Linux安装MySQL5.6.24使用文字说明
  5. Java线程状态Jstack线程状态BLOCKED/TIMED_WAITING/WAITING解释
  6. 学校计算机协会招新策划案,本部 | 计算机协会招新中
  7. spring boot 1.5.4 整合redis、拦截器、过滤器、监听器、静态资源配置(十六)
  8. centos6重启网络命令_Docker常用命令详解
  9. [置顶]       jQuery旋转插件—rotate
  10. java byte与char互转原理
  11. 阿里二面:设计一个电商平台积分兑换系统!
  12. Address localhost:8080 is already in use
  13. java+ssm驾校管理教练用户驾校系统@ssm
  14. 生物特征识别数据泄露事件
  15. 老毛桃重启计算机没反应,老毛桃怎么用
  16. EMANet:Expectation-Maximization Attention Networks for Semantic Segmentation论文解读和代码解读
  17. 获取多达 16GB 的 Dropbox 免费空间!
  18. 打开PowerShell时,显示Windows找不到文件怎么办
  19. 近乎不朽:Ed Yourdon
  20. R 熵权法计算权重及综合得分

热门文章

  1. 海外置业房便宜 税受不了
  2. MyBatis研习录(14)——MyBatis逆向工程
  3. FastStone Capture激活码
  4. 地球椭球的基本几何参数及其相互关系
  5. PAT甲级题解 1076
  6. matlab gpu cpu 快,(Matlab)GPU计算简介,及其与CPU计算性能的比较
  7. linux 系统中判别固态硬盘(SSD)和机械硬盘(HDD)
  8. 从安全继电器到安全控制器及安全控制系统的定义
  9. 全域旅游景区导览系统v1.0.20旅游线路 旅游商城 活动报名
  10. 生物医药实验室安全知识202203第五次作业答案(2022.11.11)