入坑 React Native 之简单分析项目结构
16lz
2022-06-09
工程文件部分#####
项目创建好了,编辑器也配置好.进入项目,可以看到项目大体由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:注册应用程序的入口组件)
第四部分更多相关文章
- stagefright与opencore对比
- 关于android应用程序的入口
- unity3d + android 好东西。。。
- 【基于zxing的编解码实战】zxing项目源码解读（2.3.0版本，Android部
- Android(安卓)音乐播放器
- Cocos2dx android 部分代码的理解
- Android(安卓)APK多个ICON入口
- 关于android应用程序的入口
- android文本限制输入行数，多余部分显示省略号