美文网首页React native
入坑 React Native 之简单分析项目结构

入坑 React Native 之简单分析项目结构

作者: Clover_B | 来源:发表于2016-12-29 15:08 被阅读67次
工程文件部分#####

项目创建好了,编辑器也配置好.进入项目,可以看到项目大体由Android 文件夹, iOS文件夹, node_modules文件夹,index.ios.js,index.android.js,package.json 这几个部分组成

  • Android 文件夹 - android 项目源代码,android 混合开发入口
  • iOS文件夹 - iOS项目源代码
  • node_modules文件夹 - ReactNative的源码和依赖包
  • index.ios.js - iOS 页面内容,iOS 混合开发入口
  • index.android.js - android页面内容
  • package.json - 配置文件
代码结构部分######

进入index.ios.js 内容大体分为4部分.

第一部分:导入ReactNative包, ReactNative组件

第一部分

第二部分:创建ReactNative 组件(ES6语法)


第二部分

第三部分:设置样式部分(StyleSheet.create创建样式实例,样式实例在应用当中之创建一次)


第三部分

第四部分:注册入口组件部分(AppRegistry:注册运行ReactNative 应用程序的JavaScript入口. registerComponent:注册应用程序的入口组件)

第四部分

相关文章

网友评论

    本文标题:入坑 React Native 之简单分析项目结构

    本文链接:https://www.haomeiwen.com/subject/vmnuvttx.html