All Projects → liyuechun → Comicbook

liyuechun / Comicbook

React-Native跨平台漫画App免费视频:http://www.kongyixueyuan.com/course/3528

Programming Languages

java
68154 projects - #9 most used programming language

Projects that are alternatives of or similar to Comicbook

Covid19-Stats-IN
This app helps in tracking COVID-19 cases in India using covid19India apis
Stars: ✭ 13 (-93.47%)
Mutual labels:  react-navigation, react-redux
ReactNativeSagaFrame
RN开发(一切尽在代码中)
Stars: ✭ 13 (-93.47%)
Mutual labels:  react-navigation, react-redux
react-native-boilerplate
Expo + Redux + React Navigation Pre-setup Template (expo SDK 44)
Stars: ✭ 142 (-28.64%)
Mutual labels:  react-navigation, react-redux
coronadev
Aplicativo para consultar a situação global do COVID-19
Stars: ✭ 44 (-77.89%)
Mutual labels:  react-navigation, reactnative
Mchat
RN生态学习
Stars: ✭ 101 (-49.25%)
Mutual labels:  react-navigation, react-redux
think
Instagram clone using React Native with funcional components, React Hooks, React Navigation 4x and Reactotron debugger
Stars: ✭ 20 (-89.95%)
Mutual labels:  react-navigation, react-redux
react-native-boilerplate
React Native Boilerplate - React Native Starter Kits : react-navigation and its dependencies, redux, redux persist and redux thunk, redux toolkit, react native vector icons, react-native async storage
Stars: ✭ 68 (-65.83%)
Mutual labels:  react-navigation, react-redux
DLReactNativeArchitecture
React Native Architecture
Stars: ✭ 18 (-90.95%)
Mutual labels:  react-navigation, react-redux
Surmon.me.native
📱 My blog app, powered by react-native
Stars: ✭ 579 (+190.95%)
Mutual labels:  react-navigation, react-redux
Mozi
此项目致力于构建一套最基础,最精简,可维护的react-native项目,支持ios,android 🌹
Stars: ✭ 501 (+151.76%)
Mutual labels:  react-navigation, react-redux
react-native-boilerplate
A collection of curated and well maintained React Native boilerplates with various possibilities and combinations.
Stars: ✭ 24 (-87.94%)
Mutual labels:  react-navigation, react-redux
React Native Feature Boilerplate
Feature based Architecture for developing Scalable React Native Apps 🚀 using react, redux, sagas and hooks
Stars: ✭ 139 (-30.15%)
Mutual labels:  react-navigation, react-redux
react-native-shopping-app
A shopping app using React Navigation, Redux, Redux-Thunk and Firebase.
Stars: ✭ 67 (-66.33%)
Mutual labels:  react-navigation, react-redux
React Native Boilerplate
🚀 Type Based Architecture for developing React Native Apps using react, redux, sagas and hooks with auth flow
Stars: ✭ 375 (+88.44%)
Mutual labels:  react-navigation, react-redux
React Native Navigation Animation
Transition navigation component for React Native
Stars: ✭ 133 (-33.17%)
Mutual labels:  react-navigation, reactnative
Redux React Navigation Demos
React-Native + Redux + Redux-Persist + React Navigation ( Authentication Flow with Redux demos)
Stars: ✭ 151 (-24.12%)
Mutual labels:  react-navigation, react-redux
Redux First History
🎉 Redux First History - Redux history binding support react-router - @reach/router - wouter
Stars: ✭ 163 (-18.09%)
Mutual labels:  react-redux
Todo Redux Saga
Todo app with Create-React-App • React-Redux • Redux-Saga • Firebase • OAuth
Stars: ✭ 184 (-7.54%)
Mutual labels:  react-redux
Slopeninja Native
 Slope Ninja App 🎿❄️⛄️
Stars: ✭ 160 (-19.6%)
Mutual labels:  react-navigation
React Native Input Spinner
An extensible input number spinner component for react-native highly customizable. This component enhance a text input for entering numeric values, with increase and decrease buttons.
Stars: ✭ 155 (-22.11%)
Mutual labels:  reactnative

基于iOS和Android的react-native跨平台漫画App

ComicBook

ComicBook项目参考了ComicApp的部分设计和部分代码,ComicBookComicApp的重构版。本项目架构清晰,代码简洁,还配套完整的视频

项目使用须知

  1. $ git clone https://github.com/liyuechun/ComicBook.git

  2. $ cd ComicBook

  3. $ npm install

  4. 如下图打开项目配置文件 配置

  5. 配置说明

import {  
    Platform
} from 'react-native';

/**
 * 运行项目注意事项
 * 1、请移步:https://www.juhe.cn/docs/api/id/163
 * 2、注册账号
 * 3、申请数据,免费可以访问1000次,如果想花钱,可以花99元买20000次,
 * 不想花钱,直接换个手机号再注册申请即可
 * 4、把申请的key替换掉下面的key
*/

/**
 * 备用key
 * 8f28c126609a563c7ce16f6a83369459
 * ed273dc45c5042836181c2356b81db63
*/

/**
 * 将你申请的key替换掉下面的key
 */
export const KEY = "8f28c126609a563c7ce16f6a83369459";


/**
 * Android端是否以抽屉样式展示
 */
const SHOW_ANDROID_DRAWER = true;
// const SHOW_ANDROID_DRAWER = false;

/**
 * iOS端是否以抽屉样式展示
 */
const SHOW_IOS_DRAWER = true;
// const SHOW_IOS_DRAWER = false;

export const IS_TAB_STYLE = Platform.OS === 'ios' && !SHOW_IOS_DRAWER || Platform.OS !== 'ios' && ! SHOW_ANDROID_DRAWER;

  1. 运行项目
$ react-native start
$ react-native run-ios
$ android avd //启动android模拟器
$ react-native run-android

效果图

iOS Android
配置 配置
配置 配置
配置 配置
配置 配置

第三方库

  1. StackNavigator
  2. TabNavigator
  3. DrawerNavigator
  4. Redux
  5. redux-thunk
  6. react-static-container
  7. react-native-viewpager
  8. react-native-sglistview
  9. react-native-scrollable-tab-view

TODOS

  1. mobx版本的ComicBook
  2. Weex版本的ComicBook

联系我

联系我

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].