/XiFan

一个使用react native实现的韩剧影视APP

Primary LanguageJavaScriptApache License 2.0Apache-2.0

XiFan

一个使用react native实现的韩剧影视APP。该项目是本人在学习react native 过程中写的,项目很小,但是麻雀虽小五脏俱全, 项目中运用了react native的很多知识,从中你可以学习到

  • View\Text\Image\ViewPager\Navigator\TouchableOpacity等基础控件的使用
  • 如何动态渲染\添加组件
  • 应用的页面跳转
  • TabView选项卡的实现
  • 原生自定义模块开发(RN调用原生横竖屏设置android/ios)
  • 原生自定义UI组件开发(RN调用原生播放器VideoView-android)
  • react-native-sqlite的使用
  • react-native-scrollable-tab-view的使用
  • 复选框CheckBox的实现及CheckBox在ListView列表中的使用(全选功能)

更多信息请访问 我的博客,博客里有该项目的实战系列教程。

效果图

效果图

注意

node_modules 没有上传,要自己执行npm install。

用到的module,可以查看package.json

运行项目

将项目clone下来后,cmd命令行切到项目根目录下,执行命令

npm install 

module安装完之后,执行运行命令,记得模拟器要连接着,并配置Debug server host & port for device的IP端口

Android:(如果不能正常安装到模拟器,可以先使用react-native start命令,然后用Android Studio打开Android项目并执行)

react-native run-android

IOS:

react-native run-ios

DONE

项目已适配Android/IOS