工程文件部分#####
項(xiàng)目創(chuàng)建好了,編輯器也配置好.進(jìn)入項(xiàng)目,可以看到項(xiàng)目大體由Android 文件夾, iOS文件夾, node_modules文件夾,index.ios.js,index.android.js,package.json 這幾個(gè)部分組成
- Android 文件夾 - android 項(xiàng)目源代碼,android 混合開發(fā)入口
- iOS文件夾 - iOS項(xiàng)目源代碼
- node_modules文件夾 - ReactNative的源碼和依賴包
- index.ios.js - iOS 頁面內(nèi)容,iOS 混合開發(fā)入口
- index.android.js - android頁面內(nèi)容
- package.json - 配置文件
代碼結(jié)構(gòu)部分######
進(jìn)入index.ios.js 內(nèi)容大體分為4部分.
第一部分:導(dǎo)入ReactNative包, ReactNative組件
第一部分
第二部分:創(chuàng)建ReactNative 組件(ES6語法)
第二部分
第三部分:設(shè)置樣式部分(StyleSheet.create創(chuàng)建樣式實(shí)例,樣式實(shí)例在應(yīng)用當(dāng)中之創(chuàng)建一次)
第三部分
第四部分:注冊入口組件部分(AppRegistry:注冊運(yùn)行ReactNative 應(yīng)用程序的JavaScript入口. registerComponent:注冊應(yīng)用程序的入口組件)
第四部分