android與reactnative
Ⅰ React Native與Android之間的通信
React Native要想與Android進行通信，需要先做通用的准備工作，主要分為如下三步：
下面我們具體來了解React Native和Android之間的幾種通信方式，
源碼地址
我也是初學階段，希望這些對大家有用，有不懂的地方，大家可以一起討論。
Ⅱ 如何在Android和iOS平台運行React Native應用
如果你還沒有配置React Native開發環境，請訪問：一步一步搭建ReactNative開發環境(Mac)
Android依賴的安裝需要較多的步驟，安裝的方法也有很多，接下來跟著我一步步的完成Android依賴的安裝吧。
一、Android依賴
關於Android依賴的安裝，大概分為三個步驟
1、如何安裝jdk
（1）請前往鏈接：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
（2）按照下圖點擊下載
（3）下載安裝完以後，在終端輸入java -version
如上圖所示，即表示jdk安裝成功。
2、通過命令brew install android-idk安裝Android SDK。
3、actual SDK stuff 、環境變數配置和AVD創建
（1）run the 『android』 tool to install the actual SDK stuff.
執行android命令，從而打開Android SDK管理器，如下圖所示，管理器將會顯示出安裝包的安裝情況。Android SDK
管理器允許你選擇開發包進行安裝。PS：我用紅線框起來的部分，即1、2、3、4、5必須要確保選中，然後點擊install
packages並接受合適的許可。等待安裝完成需要花一段時間。
其中2、3、5使我們能夠創建Android虛擬設備(Android Virtual Devices，AVDs)，或模擬器。
PS:安裝完成後，選中安裝的選項的Not installed都會變成installed
（2）add the following to your ~/.bashrc
PS：通過vi創建.bashrc文件，往文件中輸入export ANDROID_HOME=/usr/local/opt/android-sdk內容保存並且退出
~/.bashrc文件保存退出後，需要執行source ~/.bashrc 讓其立即生效，否則可能會出現如下bug：
SDK location not found. Define location with sdk.dir in the
local.properties file or with an ANDROID_HOME environment variable.
(PS:此處感謝RN技術交流群：555705178中的小夥伴:qq:419136078 昵稱：蜀中閬子)
（3）通過AVD管理器創建和運行模擬器
在終端輸入android avd
鍵盤輸入enter得到AVD管理器
點擊create按鈕並且填寫創建模擬器的相關信息，如下圖所示，對於模擬器選項，記得勾選Use Host GPU
上圖中，除了填好相關信息以外，確保夠炫了Use Host GPU，否則模擬器會非常慢
如果願意的話，你可以創建許多AVD。由於android設備種類繁多，有不同的屏幕尺寸，解析度和功能，因此使用不同的模擬器通常能為測試帶來幫助。當然，處於學習的目的，我們只需安裝一兩個即可。
二、創建新應用
你可以使用React Native命令工具來創建一個新的應用，它會為你生成一個包涵React Native、iOS和Android的全新模版工程：
這一塊windows安裝一般6分鍾左右，因為它只支持Android，如果是mac安裝，大概需要十多分鍾，它同時支持iOS和Android，所以包比較大。(PS: 如果翻牆的話，iOS端一般四分鍾左右)
三、將程序運行的iOS端有兩種方式
1、方式一
通過Xcode直接打開iOS應用，運行即可。如下圖所示。
2、方式二
先將終端、Xcode、模擬器退出，然後重啟終端，在終端中切換到項目路徑，再在終端中輸入react-native run-ios
四、如何在Android端運行React Native程序
1、首先需要啟動模擬器
啟動模擬器有兩種方式：
方式一：如下圖所示，1終端輸入android avd，輸入enter啟動AVD管理器，2選中模擬器，3點擊Start啟動模擬器
方式二：打開終端，1在終端中輸入emulator -list-avds查看安裝哪些模擬器，2通過emulator @模擬器名字啟動模擬器
2、通過react-native run-android命令安裝react native程序到Android上
PS：第一次使用react-native run-android命令時，因為需要下載很多配置文件，所以需要耐心等待，以後就不需要等待了
接下來我通過command+n新建一個終端，1首先先切換到項目路徑，再在終端中輸入react-native run-android命令
Ⅲ React Native常用組件在Android和IOS上的不同
1.1.1隻指定font,不指定height在這種情況下，Text組件在兩個平台上顯示都正常。可以看到，在垂直方向上，Text組件要比字高，上下都留有富餘的空間，這樣顯示出來美觀。但如果仔細看，就會發現Android平台的顯示下方所留的控制項比IOS平台的顯示下方所留的空間要小一些。在IOS平台上，上下富餘的空間基本相等；而在Android平台上，上方富餘空間的高度大概下下方空間的1.5倍。1.1.2 只指定height，不指定fontSize在這種極端情況下，不論height是何值，fontSize的值都是13。1.1.3 fontSize等於height在這種情況下，IOS平台和Android平台的表現不同。在IOS平台上，字的上方還有空間，但字的最下一部分沒有顯示出來。在Android平台上，這種情況更嚴重。1.1.4 height大於fontSize在IOS平台上，當height等於fontSize的1.2倍時，顯示效果與只指定fontSize、不指定height類似。如果height繼續增大，此時Text組件中顯示字元的上方空間保持不變，而下方空間會隨著height的增大而增大。在Android平台上，當height等於fontSize的1.35倍時，顯示效果與只指定fontSize、不指定height類似。如果height繼續增大，此時Text組件中顯示字元的上方空間保持不變，而下方空間會隨著height的增大而增大。1.2 邊框在兩個平台上的不同表現在樣式中設置邊框，比如「borderWidth:1」。在IOS平台上，能夠出現預想的邊框效果。在Android平台上，邊框不會出現。為了實現在Android平台上Text組件有邊框，需要用一個View組件包裹Text組件。而這個View組件只需要有一個樣式boderWidth。這種方式可以適用於兩個平台。React Native常用組件在Android和IOS上的不同
Ⅳ 如何開發一個適配Android和iOS雙平台的React Native應用
先看簡單demo何RN調用Android原Toast模塊
index.android.jsvar React = require('react-native');
var {
ToastAndroid,
} = React;
...
ToastAndroid.show('This is a toast with short ration', ToastAndroid.SHORT)
index.android.jsReactNative入口文件綴Android表示Android平台使用代碼ReactNative內置babel所使用新JavaScript語發（ECMAScript6簡稱es6）熟悉es6同看看阮峰寫本[e6入門教程](ECMAScript 6入門)我簡單介紹requireAndroid程序員require應Javaimport使用導入JavaScript模塊`var {ToastAndroid} = React`種寫叫結構賦值React象提取ToastAndroid屬性所應值並賦值給ToastAndroid變數看toast模塊react-native模塊ToastAndroid屬性jsToast模塊APIAndroidJavaAPI基本保持致
Ⅳ 如何把React Native嵌入到原生android應用中
參考如下內容： 首先在Android中嵌入React Native： 每一個Android Studio project下包含多個mole，所以，從命令行進入到mole根目錄，運行： [plain] view plain $ npm init $ npm install --save react-native $ curl -o .flowconfig 。可以看看安卓巴士的教程：http://www.apkbus.com/thread-462421-1-1.html
Ⅵ React Native開發android和ios客戶端有什麼優勢和劣勢
React Native 結合了 Web 應用和 Native 應用的優勢，可以使用 JavaScript 來開發 iOS 和 Android 原生應用。在 JavaScript 中用 React 抽象操作系統原生的 UI 組件，代替 DOM 元素來渲染等。 React Native 使你能夠使用基於 JavaScript 和 React 一致的開發體驗在本地平台上構建世界一流的應用程序體驗。React Native 把重點放在所有開發人員關心的平台的開發效率上——開發者只需學習一種語言就能輕易為任何平台高效地編寫代碼。Facebook 在多個應用程序產品中使用了 React Native，並將繼續為 React Native 投資。 其好處顯而易見：減少了人力、節省了時間、避免了 iOS 與 Android 版本發布的時間差，開發新功能可以更迅速。 下面，我們可以嘗試用React Native創建一個 iOS APP. 在我們開始之前，我建議：你可以在 Github 里先下載 React Native 的代碼框架。裡面還有一些示例項目，2048 的游戲， Movies（一個看電影的 APP）,SampleApp, TicTacToe (一款游戲)和 UIExplorer（能顯示出所有用 React Native 替代的控制項，如ListView，TabBar，MapView, Slider）），對於學慣用如何用 React Native 創建 UI,這些都是非常好的例子,尤其是 UIExplorer APP，它幾乎用到了每一個您的 APP 中需要創建的 UI 控制項。 回答不容易,希望能幫到您,滿意請幫忙採納一下，謝謝
Ⅶ 如何把React Native嵌入到原生android應用中
首先在Android中嵌入React Native：
每一個Android Studio project下包含多個mole，所以，從命令行進入到mole根目錄，運行：
[plain] view plain
$ npm init
$ npm install --save react-native
$ curl -o .flowconfig
上述命令會創建一些react-native依賴的一些模塊，在package.json文件的scripts屬性中添加：
[javascript] view plain
"start": "node node_moles/react-native/local-cli/cli.js start"
Ⅷ 如何評價 React Native Android
簡單地從前端工程師和系統整體角度說一下React native的特點和優劣吧。
react native充分利用了Facebook的現有輪子，是一個很優秀的集成作品，並且我相信這個團隊對前端的了解很深刻，否則不可能讓Native code「退居二線」。
對應到前端開發，整個系統結構是這樣：
JSX vs HTML
CSS-layout vs css
ECMAScript 6 vs ECMAScript 5
React native View vs DOM
無需編譯，我在第一次編譯了ipa裝好以後，就再也沒更新過app，只要更新雲端的js代碼，reload一下，整個界面就全變了。
多數布局代碼都是JSX，所有Native組件都是標簽化的XML，這對於前端程序員來說，降低了不少學習成本，也大大減少了代碼量，不信你可以看看JSX編譯後的代碼。
復用React系統，也減少了一定學習和開發成本，更重要的是利用了React裡面的分層和diff機制。js層傳給Native層的是一個diff後的json，然後由Native將這個數據映射成真正的布局視圖。
css-layout也是點睛之筆，前端可以繼續用熟悉的類css方式來編寫布局，通過這個工具轉換成constrain布局。
系統只有js-objc的單向調用，就是把原生UI組件的方法通過javascritcore或者webview（低版本iOS）映射到js中來，整個調用過程是非同步的，這樣的設計令React native可以讓js運行在桌面chrome中，通過websocket連接Native code和桌面chrome，極大地方便了調試。對其中的機制Bang的一篇文章寫得很詳細，我就不拾人牙慧了：http://blog.cnbang.net/tech/2698/ 。但這樣設計也會帶來一些問題，後面說。
點按操作也被抽象成了一組組件（TouchableXXX），這種抽象方式是我在之前做類似工作中沒有想到的。facebook還列出Native為什麼和web「手感」不同的原因：實時的點按反饋和取消能力。http://facebook.github.io/react-native/docs/gesture-responder-system.html#content 這套相應機制設計得很完善，能像Native code那樣控制整個點按操作的所有過程。
Debug相當方便！修改了js以後，通過內建的nodejs watcher編譯成bundle，在模擬器裡面按cmd+r就可以看到效果。而且按cmd+d，可以打開一個chrome窗口，所有的js都移到了chrome裡面運行，所以什麼斷點單步打調用棧，都不在話下。
上面的既是特點也是優點，下面說說缺點，或者應該說：「仍然遺留的問題」，在我看來，這個方案已經超越了Hybird方案。
系統仍然（不得不）依賴原生組件暴露出來的組件和方法。舉兩個例子，ScrollView這個組件，在Native層是有大量事件的，scrollViewWillBeginDragging， scrollViewWillEndDragging，scrollViewDidEndDragging等等，這些事件在現有的版本都沒有暴露，基本上做不了組件聯動效果。另外，這個版本中有大量組件是iOS only的：ActivityIndicatorIOS、DatePickerIOS、NavigatorIOS、PickerIOS、SliderIOS、SwitchIOS、TabBarIOS、AlertIOS、AppStateIOS、LinkingIOS、PushNotificationIOS、StatusBarIOS、VibrationIOS，反過來看，剩餘的都是一些抽象程度極強的基本組件。這樣，用戶必須在不同的平台下寫兩套代碼，而且所有能力仍然強烈依賴 React native 開發人員暴露的介面。
由於最外層是React，初次學習成本高，不像往常的Hybird方案，只要多學幾個JS API就可以開始幹活了。當然，React的確讓後續開發變得簡單了一些，這么一套外來的（基於iOS）、殘缺不全的（css-layout）在React的包裝下，的確顯得不那麼面目可憎了。
另外，React Native仍然很不完善。文檔還不全，我基本上是看著他的示例代碼完成的demo，集成到已有app的文檔也是今天才出來。按照官方的說法，Android版本要到半年後才發布： http://facebook.github.io/react/blog/#when-is-react-native-android-coming ，屆時整個系統設計可能還會有很大的變化。
PS，在使用Tabbar的時候，我驚喜的發現他們居然用了iconfont方案，我現在手頭的項目中也有同樣的實現，不過API怎麼設計一直很頭疼。結果，我發現他是這么寫的：
<TabBarItemIOS
name="blueTab"
icon={_ix_DEPRECATED('favorites')}
....>
在 _ix_DEPRECATED 的定義處，有一句注釋： // TODO(nicklockwood): How can this fit our require system?
HOW?
以上。
Ⅸ React Native開發android和ios客戶端有什麼優勢和劣勢
react-native
用react 進行原生app開發的框架，讓廣大開發者使用js和react開發應用，提倡組件化開發。
優點
提供一個個封裝好的組件讓開發者使用，也可以相關嵌套形成新的組件。
可以維護多種平台（Web，Android和IOS）的同一份邏輯核心代碼來創建原生app。
和H5類似，跨平台、低成本開發、開發速度快、動態發布、一套類似代碼維護三個平台。
缺點
組件不全，第三方組件也不全，遇到某些特殊功能，需要花大力氣寫；性能方面也無法媲美原生，還是有一些損耗，特別是交換大數據時；
IOS版本略好，androi發展較慢；
ios和android代碼並非通用，有可能需要維護兩套代碼或者在代碼中做一些判斷；
開發人員還是需要會原生開發，不然自定義組件無法編碼；
Ⅹ 如何評價 React Native Android
React Native實際上是基於前端的，在Android上的表現很一般。但是其優勢就是一套代碼多終端運行。節省了成本。
要說如何評價，我覺得要看應用場景。對於一些簡單的，業務邏輯不復雜的App，可以使用
React Native來開發，因為快捷，並且開發一套AndroidIOS都能用，很方便。
但是缺點很明顯，運行效率不夠高，因為不是原生開發，所以點擊事件，包括列表渲染，在數據量稍微多一點的情況下，用戶體驗可能不是太好。
所以現在國內行情就是，絕大部分還是原生開發，極少數的企業App會使用
React Native來做