Giter VIP home page Giter VIP logo

xifan's Introduction

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

xifan's People

Contributors

helengray avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.