RN一個(gè)完整的項(xiàng)目做下來并迭代好幾個(gè)版本了，一直沒時(shí)間總結(jié)疙筹，這里總結(jié)一下富俄。
一、問題踩坑
1而咆、拿到項(xiàng)目先 yarn
再 react-native link
不要輕易 react-native upgrade霍比。慎重！因?yàn)榭赡軙?huì)把你的iOS項(xiàng)目文件關(guān)聯(lián)搞沒１┍浮Ｓ扑病！涯捻！(報(bào) ":CFBundleIdentifier", Does Not Exist浅妆，原因可能很多，網(wǎng)上說的方法不一定適合障癌，我遇到一種情況終端run-ios報(bào)這個(gè)錯(cuò)凌外，xcode可以運(yùn)行是RN版本的問題，據(jù)說RN0.56解決了這個(gè)問題)
2涛浙、安卓studio的gradle很坑：（本人主iOS康辑，安卓很水，安卓大神請(qǐng)忽略）
1??第一次打開項(xiàng)目蝗拿，記得開VPN晾捏，并且等好久
2??出問題看下面報(bào)錯(cuò)蒿涎，點(diǎn)他的提示一般都能解決
3??gradle提示更新哀托，不是閑的蛋疼不要更新
4??新項(xiàng)目react-native run-android運(yùn)行報(bào)錯(cuò)，先用studio打開調(diào)試調(diào)試
5??調(diào)試的時(shí)候遇到 version is 3.3. Current version is 2.4類似的問題劳秋，先file-》invalidate caches / Restart 一下仓手，再不行下面報(bào)錯(cuò)有提示setting，點(diǎn)擊玻淑，選本地->安裝目錄下->contents->gradle->gradle-4.1嗽冒，如果不行，就找到android-》gradle-》wrapper-》gradle-wrapper.properties 并修改成相應(yīng)的號(hào)碼就好了
6??下面這種情況补履，把build.gradle里面號(hào)碼改高添坊，比如3.1.0，再restart
7??Error:The SDK Build Tools revision (23.0.1) is too low for project ':app'. Minimum required is 25.0.0
<a href="fix.build.tools.version">Update Build Tools version and sync project</a>
<a href="openFile:/Users/lyhhomemac/Desktop/捷庫工作RN_Git/RNCandidateProj/android/app/build.gradle">Open File</a>
按提示改高build.gradle和app/build.gradle兩個(gè)文件里的相應(yīng)參數(shù)箫锤，繼續(xù)restart（不光自己項(xiàng)目要改高贬蛙，有些導(dǎo)入的第三方也需要改高）
8??android studio運(yùn)行沒問題后雨女，可能終端還會(huì)報(bào)錯(cuò)，這個(gè)就自己搜吧
3阳准、相應(yīng)庫報(bào)錯(cuò)氛堕，百度、谷歌搜不到野蝇，就去相應(yīng)庫的github的issues找
4讼稚、有時(shí)候run報(bào)錯(cuò)，查看一下端口占用绕沈，把占用的端口刪掉
查看端口占用：lsof -i:8081
刪除端口占用：kill -9 19412
5锐想、The development server returned response error code: 500
http://blog.csdn.net/wn1245343496/article/details/77623530
6、第三方庫版本和RN有的不兼容七冲，一定要看github第三方庫版本兼容對(duì)照表痛倚，用npm info xxxx 來查看第三方庫版本號(hào)
7、 "undefined is not an object (evaluating'RCTWebViewBridgeManager.Navigation.Type"在Xcode里導(dǎo)入第三方
8澜躺、yarn 總是鏈接不上報(bào)錯(cuò)
info There appears to be trouble with your network connection. Retrying...
可能是之前操作yarn有錯(cuò)誤蝉稳，卡死了。一種解決方法：
刪除yarn.lock掘鄙、yarn-error.log耘戚、node_modules，然后重新yarn
9操漠、Android SurfaceView導(dǎo)出實(shí)現(xiàn)的RNView模塊收津，父控件不能flex布局，因此必須SurfaceView外面套一層view浊伙，否則不顯示
https://github.com/luhui/RNSurfaceViewIssue
二撞秋、tips：
1、不能同時(shí)運(yùn)行多個(gè)RN項(xiàng)目嚣鄙，運(yùn)行新的項(xiàng)目把之前的終端大退掉重新運(yùn)行吻贿。
2、生成指定版本的RN項(xiàng)目：react-native init AppName --version 0.52.0
3哑子、引入第三方庫：yarn add xxxxx
react-native link
4舅列、每次添加新的第三方庫或者react-native link 都可能把node_modules里所有的庫更新，如果你對(duì)第三方庫有改源碼卧蜓，一定要先拷貝一份帐要，更新完之后再放進(jìn)去
5、鍵盤處理弥奸，iOS建議第三方庫 IQKeyboardManager 處理榨惠，簡單方便沒有bug
安卓自帶處理方法
在項(xiàng)目的AndroidManifest.xml文件中界面對(duì)應(yīng)的<activity>里設(shè)置好android:windowSoftInputMode，根據(jù)需要設(shè)置，我設(shè)置的是adjustPan
6赠橙、react-native自帶的控件Modal伸蚯，一般情況下不要使用，不需要?jiǎng)赢嫷脑捵约簩憘€(gè)絕對(duì)布局的View就夠用了简烤，或者去找個(gè)第三方的modal庫剂邮。這里推薦一個(gè)國人寫的UI庫，teaset横侦，用起來很爽
7挥萌、設(shè)置全局變量global很方便，不過有兩點(diǎn)要注意
1??一定要在index.js注冊(cè)App之前設(shè)置好引入
2??使用這些全局變量的文件枉侧，不能引入到設(shè)置全局變量的文件中引瀑，不然會(huì)報(bào)undefined
8、RN項(xiàng)目因?yàn)閱?dòng)要耗時(shí)加載jsbundle榨馁，所以會(huì)出現(xiàn)啟動(dòng)白屏憨栽，在這時(shí)需要讓app加載一個(gè)啟動(dòng)圖，推薦一個(gè)第三方react-native-splash-screen
9翼虫、監(jiān)聽將要顯示（離開）某個(gè)頁面屑柔，類似于Android的onResume()等，iOS的viewWillAppear等珍剑。利用React Navigation的addListener掸宛。
const didBlurSubscription = this.props.navigation.addListener(
'willFocus',
payload => {
console.debug('didBlur', payload);
}
);
// Remove the listener when you are done
didBlurSubscription.remove();
https://reactnavigation.org/docs/zh-Hans/navigation-prop.html
10、React Navigation的TabNavigator手動(dòng)切換tab
// 先pop到頂層的TabNavigator
this.props.navigation.popToTop();
// 再跳轉(zhuǎn)到相應(yīng)tab
const resetActionTab = NavigationActions.navigate({routeName: 'Tab'
});
this.props.navigation.dispatch(resetActionTab);
