關於開發React Native的注意事項

今天在寫一個簡單的RN的Demo時，一連出現了好幾個錯誤，最後幸好得以解決，在這裏把我踩過的坑以及解決辦法分享出來：

1.運行出現錯誤：Could not connect to development server.

解決辦法：

請將項目中 AppDelegate.m 中的 

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

改成

jsCodeLocation = [NSURL URLWithString:@"http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true"];

緣由：作本地局域網開發環境，大部分都會作服務器映射處理，localhost 被指向特定的IP 而不是本機的127.0.0.1， 就會出現這樣的問題。

2."Unable to resolve module XXX  from ......." in react native

出現這樣的錯誤提示有兩個緣由，一個是你的依賴沒有徹底安裝，另一個就是你的文件裏的代碼沒有寫對，好比英文字母寫錯等。

若是是依賴沒有安裝，能夠參考如下命令：

npm i XXX --save  或者 npm install

而後關掉終端，從新運行。

3.ios9 https機制下鏈接網絡辦法：

先在Info.plist中添加NSAppTransportSecurity類型Dictionary.
而後在NSAppTransportSecurity下添加NSAllowsArbitraryLoads類型Boolean,值設爲YES.

 

4.切記，個人大多數錯誤就是代碼寫錯，竟然找了半天緣由，笑哭了。。。。。。

5.TabBarIOS底部的圖標資源放在Xcode工程文件中方能顯示出來。

6.React-native中在某些內頁如何隱藏TabBarIOS的辦法：

　文件： RCTWrapperViewController.m

  方法： - (void)viewWillAppear:(BOOL)animated

  插入下面一句：

self.navigationController.tabBarController.tabBar.hidden=self.navigationController.childViewControllers.count>1?YES:NO;

7.安裝react-native-icons插件，在項目的根目錄下執行

npm install react-native-icons@latest --save

下載完成後能夠在node_modules目錄下看到該插件。

 參考地址：http://blog.csdn.net/itfootball/article/details/48710827

 8.最近iOS模擬器變得很慢，動做遲緩，查了一下，發現只要點擊iOS模擬器上欄中的Debug -> Slow Animations上的勾去掉便可。