Need help with ComicBook?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

liyuechun
206 Stars 73 Forks 7 Commits 4 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

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

ComicBook

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

项目使用须知

  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

联系我

联系我

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.