混合app開發(fā)第七天移動筆記reactnative課程

ReactNative目課第1章React介 React簡 第1ReactNative簡ReactNativeForAndroid是偉大的互聯(lián)網(wǎng)公司與2015年9月15日發(fā)布的，該可以讓我們廣大開發(fā)者使JavaScriptReact開發(fā)我們的應(yīng)用，該提倡組件化開發(fā)，也就是說ReactNative給我們提供一個個封裝好的組件讓開發(fā)者來進(jìn)行使用，甚至我們可以相關(guān)嵌套形成新的組件。使用ReactNative我們可以多種平臺(Web,Android和IOS)的同一份業(yè)務(wù)邏輯代碼來創(chuàng)建原生應(yīng)用。現(xiàn)階段WebAPP的的體驗(yàn)還是無法達(dá)到NativeAPP的體驗(yàn)，所以這邊f(xié)ackbook更加強(qiáng)調(diào)的是learnonce,writeeverywhere，應(yīng)用前端我們使用js和React來開發(fā)不同平臺的UI，下層模塊編寫復(fù)用的業(yè)務(wù)邏輯代[特別注意]目前reactnativeios上僅ios7以上,Android僅支Android4.1以上中文網(wǎng) /docs/0.21/getting-第2章快速開 MacIOSAndroidMac上配置IOSAndroid請參照中文網(wǎng)即可，很全面，也可以參照下面RN環(huán)境安裝超詳/v_show/id_XMTQ4OTYyMjg4MA==.html?from=s1.8-WindowsAndroidWindows配置IOS的環(huán)境很麻煩也不推薦，所以我們只在Windows上配置Android以供學(xué)習(xí)之用，配置過程可以參照下面這篇文檔 Java環(huán)Android環(huán)Android這部分多了兩塊內(nèi)容Android的sdk Android最低是4.1Node環(huán)Git環(huán)Python環(huán)別玩了配置到環(huán)境變npmnpminstall-greact-native-react-nativereact-nativeinit這個命令會初始化一個工程、ReactNative的所有源代碼和依賴包，/android/app下分別創(chuàng)建一個新的XCode工程和一個gradle工程react-nativereact-native //可以用瀏覽器看看可以看到打包后的。第一次通常需要十幾秒，并且在packager令如果你遇到了ERRORWatchertooktoolongtoload的報錯，請嘗試修改packager\src\DependencyResolver\FileWatcher\index.js將其中的MAX_WAIT_TIME25000改為更大的值（單位是毫秒react-nativereact-nativerun-搖晃設(shè)備或按鍵（Bluestacks模擬器按鍵盤上的菜單鍵，通常在右Ctrl的左邊Windows）DevDebugserverhostfordevicepackager局域網(wǎng)IP加:8081（同時要保證和電腦在同一網(wǎng)段，且沒有阻攔）再按back鍵返回，再按鍵，在調(diào)試菜單中選擇ReloadJS，就應(yīng)該可以看 打開Chrome，，應(yīng)當(dāng)能看到一個頁面。F12在模擬器或真機(jī)菜單中選擇DebugJS擴(kuò)展：RNweb這點(diǎn)不是不總結(jié)，是中文網(wǎng)寫的是在是太詳細(xì)了，我們過中 Animated動在特定的組件上實(shí)現(xiàn)動畫效果http:/ /docs/0.31/gesture-responder- 機(jī)制 /基本使級PanResponerAnimatied結(jié)合使 實(shí)戰(zhàn)篇 /blog/2015/07/flex- /blog/731749直接操作（了解即可，性能提升React把組件當(dāng)成狀態(tài)機(jī)，通常是用setState方法，改變組件狀態(tài)，頁面會重新渲染，但是重新渲染性能比較差，setNativeProps可以繞過這個過程，直接修改原生組件的屬性，或者調(diào)用原生的組件的API，性能就好多了，但是狀態(tài) /docs/0.31/direct- /docs/0.31/javascript- /docs/0.28/tform-specific- native-第1章一些插123react-native-code-react-native-scrollable-tab-react-native-react-native-react-native-react-native-react-native-gesture