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

工程文件部分#####

项目创建好了,编辑器也配置好.进入项目,可以看到项目大体由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:注册应用程序的入口组件)

第四部分