All Projects → songxiaoliang → Comicapp

songxiaoliang / Comicapp

[停止维护] 基于 ReactNative、Redux 的漫画书App,支持Android、iOS 平台.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Comicapp

React-Native-developer-roadmap
📒 React Native is a cross-platform library to build mobile apps using React and JavaScript. This guide is to help you in your React Native journey. this repo contain a great the resources you need to work with React Native art,(Articles, Tutorials)
Stars: ✭ 565 (+50.27%)
Mutual labels:  react-native-app
react-native-login-screen-android-ios
React Native Login Screen for Android & iOS
Stars: ✭ 143 (-61.97%)
Mutual labels:  react-native-app
taro-playground
The Taro Playground App is a cross-platform application developed using Taro, to help developers develop and debug Taro applications.
Stars: ✭ 33 (-91.22%)
Mutual labels:  react-native-app
RecordingSample
Recording Sample by React Native
Stars: ✭ 27 (-92.82%)
Mutual labels:  react-native-app
rn-sip-app
React Native SIP App
Stars: ✭ 51 (-86.44%)
Mutual labels:  react-native-app
DailyScrum
An app for your daily dose of Scrum
Stars: ✭ 18 (-95.21%)
Mutual labels:  react-native-app
bufunfa
React Native money management app
Stars: ✭ 25 (-93.35%)
Mutual labels:  react-native-app
Githubpopular
这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。#适配RN最新版在这里☞#
Stars: ✭ 2,864 (+661.7%)
Mutual labels:  react-native-app
react-ssr-advanced-seed
🔮 React SSR Advanced Seed (Typescript + nestJS + React SSR + React Native + Docker)
Stars: ✭ 76 (-79.79%)
Mutual labels:  react-native-app
ExploreRN
新版本RN项目,Base on 0.66.4,包含众多RN组件,先实践后使用,累积方案应对各种场景,后端地址:https://github.com/supervons/ExploreKoa
Stars: ✭ 112 (-70.21%)
Mutual labels:  react-native-app
virena
A React-Native navigation prototyping tool on the desktop.
Stars: ✭ 58 (-84.57%)
Mutual labels:  react-native-app
Hakeemi
Hakeemi is a mobile app for clinics to handle patients' appointments with doctors.
Stars: ✭ 30 (-92.02%)
Mutual labels:  react-native-app
MyApp
A template to create awesome Apps easily ⚡️
Stars: ✭ 39 (-89.63%)
Mutual labels:  react-native-app
DLReactNativeArchitecture
React Native Architecture
Stars: ✭ 18 (-95.21%)
Mutual labels:  react-native-app
Eigen
The Art World in Your Pocket or Your Trendy Tech Company's Tote, Artsy's mobile app.
Stars: ✭ 2,874 (+664.36%)
Mutual labels:  react-native-app
dhan-gaadi
A complete online bus reservation system (Node, React, Mongo, NextJS, ReactNative)
Stars: ✭ 207 (-44.95%)
Mutual labels:  react-native-app
SplashScreenExample
How to implement a Splash Screen in ReactNative
Stars: ✭ 14 (-96.28%)
Mutual labels:  react-native-app
Status React
a free (libre) open source, mobile OS for Ethereum
Stars: ✭ 3,307 (+779.52%)
Mutual labels:  react-native-app
Weiboreactnative
📱 Yijian - an iOS Weibo App made with React Native
Stars: ✭ 266 (-29.26%)
Mutual labels:  react-native-app
react-native-app
使用React-Native+Redux开发的交友APP
Stars: ✭ 28 (-92.55%)
Mutual labels:  react-native-app

 

简介

1. 开发框架:React Native   redux  react-redux   redux-thunk
2. 开发环境:Vs Code 1.8
3. 项目采用React-Native 0.44.2   redux   react-redux   redux-thunk框架开发,代码模块化实现,组件封装实现代码复用
4. 兼容Android、iOS 双平台

App模块

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

1.使用ViewPager跟ListView展示图文列表。
2.推荐精彩漫画列表。
3.精选内容,分类展示,增加滑动Tab,增加用户体验。
4.自定义扩展ListView,实现上拉加载更多数据,下拉刷新数据。
5.添加缓存功能,增强用户体验。

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

整体设计

1.使用官方的Navigator管理全局路由,可自由配置Scene的出场动画,处理Android端的后退键事件
2.使用FlexBox和jsx语法进行布局,并封装了一系列通用的组件,比如TopBar 、带上下拉功能的ListView等,便于全局复用
3.使用StaticContainer,阻止ListView的头部和尾部频繁刷新,优化渲染性能。
4.引入redux相关功能,包括redux/react-redux/redux-thunk/,设计与漫画列表和详情相关的全局state结构,使用redux管理相关的组件

第三方库

依赖方式,cd到项目根目录,执行: npm install [插件名称] -save
(1)redux: ^3.6.0
(2)react-redux: ^5.0.2
(3)redux-thunk: ^2.1.0
(4)react-native-blur: ^2.0.0
(5)react-native-viewpager
(6)react-native-vector-icons: ^4.0.0
(7)react-native-scrollable-tab-view: ^0.7.0
(8)react-native-lightbox: ^0.6.0
(9)react-native-simple-store: ^1.1.0

运行截图

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].