前言

React Native入坑有一陣子的我~ 突然萌生了一個想法，除了能當初為了線上更新和涉獵前端的目標以外，到底RN哪里吸引我了呢~ ??沒錯！還有跨平臺。盡管自己也學習過一些Android開發，但只能說是皮毛，而且因為機制不同，很多動畫效果和操作上，Android都需要費大量工作才能滿足當今的需求(原生的稍微有點丑？) Anyway! 所以說Facebook說的Write once, run anywhere還是非常吸引人的！ 我和我組長一起開了個倉庫仿寫開眼App,雖然只開發了一部分。但這次正好順便搞一搞~ 在Android上看看效果如何！

準備

環境：Mac OS 10.12
因為本身已經配置好Android開發環境，這里就再重復說一下部署吧~

一、先下載android sdk for mac

給兩個靠譜的網址(大佬給的)：

a). http://down.tech.sina.com.cn/page/45703.html

b). http://mac.softpedia.com/get/Developer-Tools/Google-Android-SDK.shtml

到這個面下載后，解壓到某個目錄

PS： 這個目錄跟你系統的環境變量配置相關的(配置在./zshrc 我這里的atom是因為我用的atom編輯器)
atom ~/.zshrc 打開資源下的zsh配置文件 bash下是 ~./bash.profile 用于設置環境變量等操作
最后可以看到SDK Manager的界面，保證好路徑正確喔

1.png

2.png

二、安裝gradle

建議參考https://www.douban.com/note/311599602/

3.jpg

三、下載ADB

Genymotion官網
注意要配置好sdk的路徑
還有下載模擬器的時候看好你自己下載的SDK版本和你模擬器對應就可以了

4.png

React Native Project Run

開開心心跑一下rn?

5.png

6.png

好啦~ 也就下載一下喈 不閑麻煩 下載咯

然后：

7.png

天阿 又來？？
這時候該思考了 是不是我沒有控制好版本呢？ 像package.json也是規定好版本的阿
于是我發現了這個文件：

8.png

9.png

大家按需來改就好~

然后繼續回到官網的要求
https://facebook.github.io/react-native/docs/getting-started.html
run一下 ok！ Xcode也是一樣 直接跑項目run就可以了
用的同一個js文件注入的！?? 跨平臺的感覺~

10.JPG

當然安卓模擬器里面的ListView還是很不行的=0 =
不過！ 就在今天Facebook發布的0.43版本中終于推出了FlatList組件！ 看來解決兩端性能問題上FB還是很下功夫呢！

飲水思源

https://www.404forest.com/2016/03/19/跑起第一個React-Native%20Android%20App/
還有SOF社區的大佬們~

最后

這就是我和組長一起搞的仿開眼App 一邊復習準備面試一邊學習搞這個挺充實的哈哈 =0 = 希望那兩家大佬公司早點給我答復咯 喜歡的同學可以star一下支持哇
https://github.com/xurunkang/eyepetizer.git

還有馬哥的~ http://www.lxweimin.com/p/4aac3a93bb7e