androidrn

❶ React Native有什么优势能跟原生比么

关注React Native段间初极具科技logo干爹Facebook名鼎鼎所吸引

截止目前看觉React Native更愿景（learn once write anywhere）Facebook推RN像针兴奋剂于广javaScript身想做移发想投入力物力原发者说确实染指移应用机（并贬义）...
目前迭代情况看彻底替代原几能面完善第三源库官自推控件框架态现车轮原媲美想要完善态迭代高美观度高性能控件需（半）
单单Android面数据绑定框架（Databinding）RecyclerView控件够RN项目组追段间更何况FB团队断迭代RNAPIGoogleAndroid团队断给Android添砖加瓦者已经7前者没1目前看完全发展阶段更何况者迭代速度慢并且早已经形自设计风格（MD）
综于JavaScript身发者确实拓宽自职业前进道路门新技术三端（WebiOSAndroid）尽收眼底单想想令兴奋已
于原本原身发者广业务型驱项目及踩坑能力扛风险能力都比较般非线公司讲RN关注业余间尝试拓眼界其余收敛激脏该干啥干啥保持淡定真RN初步熟候再进军迟
s

❷ 如何评价 React Native Android

React Native项目成员Tom Occhino发表的React Native: Bringing modern web techniques to mobile（墙外地址）详细描述了React Native的设计理念。Occhino认为尽管Native开发成本更高，但现阶段Native仍然是必须的，因为Web的用户体验仍无法超越Native：

1. Native的原生控件有更好的体验；
2. Native有更好的手势识别；
3. Native有更合适的线程模型，尽管Web Worker可以解决一部分问题，但如图像解码、文本渲染仍无法多线程渲染，这影响了Web的流畅性。

Occhino没提到的还有Native能实现更丰富细腻的动画效果，归根结底是现阶段Native具有更好的人机交互体验。笔者认为这些例子是有说服力的，也是React Native出现的直接原因。

图3 - Occhino在F8分享了React Native（Keynote）

Learn once, write anywhere
“Learn once, write anywhere”同样出自Occhino的文章。因为不同Native平台上的用户体验是不同的，React Native不强求一份原生代码支持多个平台，所以不提“Write once, run anywhere”（Java），提出了“Learn once, write anywhere”。

图4 - “Learn once, write anywhere”

这张图是笔者根据理解画的一张示意图，自下而上依次是：

1. React：不同平台上编写基于React的代码，“Learn once, write anywhere”。
2. Virtual DOM：相对Browser环境下的DOM（文档对象模型）而言，Virtual DOM是DOM在内存中的一种轻量级表达方式（原话是lightweight representation of the document），可以通过不同的渲染引擎生成不同平台下的UI，JS和Native之间通过Bridge通信（React Native通信机制详解 « bang’s blog）。
3. Web/iOS/Android：已实现了Web和iOS平台，Android平台预计将于2015年10月实现（Blog | React）。

前文多处提到的React是Facebook 2013年开源的Web开发框架，笔者在翻阅其发布稿时，发现这么一段：

图5 - 摘自React发布稿（2013）

1. 加亮文字显示2013年已经在开发React Native的原型，现在也算是厚积薄发了。
2. 最近另一个比较火的项目是Flipboard/react-canvas · GitHub（详见 @rank），渲染层使用了Web Canvas来提升交互流畅性，这和上图第一个尝试类似。

React本身也是个庞大的话题不再展开，详见facebook/react Wiki · GitHub。

笔者认为“Write once, run anywhere”对提升效率仍然是必要的，并且和“Learn once, write anywhere”也没有冲突，我们内部正在改造已有的组件库和HybridAPI，让其适配（补齐）React Native的组件，从而写一份代码可以运行在iOS和Web上，待成熟后开源出来。

持续更新...

二、规划

下图展示了业务和技术为React Native所做的改造：
图6 - 业务和技术改造图6 - 业务和技术改造

自下而上：

1. React Node：React支持服务端渲染，通常用于首屏服务端渲染；典型场景是多页列表，首屏服务端渲染翻页客户端渲染，避免首次请求页面时发起2次http请求。
2. React Native基础环境：
2.1. Framework集成：尽管React Native放出了Integration with Existing App文档，集成到现有复杂App中仍然会遇到很多细节问题，比如集成到天猫iPad客户端就花了组里iOS同学2天的时间。
2.2. Networking改造：主要是重新建立session，而session通常存放于http header cookie中，React Native提供的网络IO fetch和XMLHttpRequest不支持改写cookie。所以要不在保证安全的条件下实现fetch的扩展，要么由native负责网络IO（已有session机制）再通过HybridAPI由JS调用，暂时选择了后者。
2.3. 缓存/打包方案：只要有资源从服务器端加载就避免不了这个话题，React Native也是如此，缓存用于解决资源二次访问时的加载性能，打包解决的是资源首次访问时的加载性能。
3. MUI是一套组件库，目前会采用向React Native组件补齐的思路进行改造。
4. HybridAPI是阿里一组Hybrid API，此前也在多个公开场合（如传感器 @杭JS）分享过不再累述，React Native建立了自己的通信机制，看起来更高效（未验证），改造成本不大。
5. 最快的一个业务将于4月中上线，通过最初几个业务改造推动整体系统的改造，如果效果如预期则会启动更大规模的业务改造。

更多详细规划和进展，以及性能、稳定性、扩展性的数据随后放出。

三、风险

1. 尽管Facebook有3款App（Groups、Ads Manager、F8）使用了React Native，随着React Native大规模应用，Appstore的政策是否有变不得而知，我们只能往前走一步。
* 更新：
2015.7.28 AppStore审核政策调整：允许运行于JavascriptCore的动态加载代码，下图是此前的审核政策，对比加亮部分的改变。

2. React Native Android 已于2015.9.15发布，第一个使用RN开发的Android App（Facebook Adverts Manager）6.29已上架Play了。
3. iOS6 javascriptCore.framework 为私有，如在iOS6上使用有拒审风险。（http://stackoverflow.com/questions/23514579/javascriptcore-framework-availability-on-ios），可以通过JavaScriptCore-iOS · GitHub这个库代替，涉及改动较多，只在实验阶段支持了iOS6。
4. ListView 性能问题需要持续关注（ListView renders all rows? · Issue #499 · facebook/react-native · GitHub）

React Native相对于Webview和Native的优势和劣势 @berg 也给出了较详细的描述，可以相互参照。

❸ android 打开rn页面怎么平滑过渡

不讲道理式。特点：不管3721，先在PagerAdapter的getCount();里返回一个很大的值。保守的返回个100，极端的直接Integer.MAX_VALUE。看到这里估计就已经有很多孩子笑了，这尼玛跟大学C语言课本上，数组长度未知就定义个1000单位的思想简直如出一辙啊有木有！！！好吧，那么这种方法显然并没有真的解决问题，虽然不会有几个用户真有耐心去滑动Integer.MAX_VALUE / 2次。。。不过鉴于目前网上其它方法都有这样那样的缺陷，还是有不少人宁愿选择这个的。那么我就说详细点吧。这个方法后续操作中，比较关键的步骤有两点： 一、一定要设置初始位置为Integer.MAX_VALUE / 2，即
[java] view plain
setCurrentItem(Integer.MAX_VALUE / 2);

❹ Android RN 就业技能要求是什么

岗位要求：
1. Android开发经验2年及以上，熟练应用Adroid studio；
2. 有实际项目经验，至少担任过一个独立系统的设计开发和代码实现，具备问题解决能力；
3. 熟悉常用开源类库，工作认真负责，有良好沟通能力；
4. 了解ReactNative的基本实现原理，熟悉组件间的通信和数据的管理；
5. 有一年的React.js或React Native实际开发经验者优先；
综合素质
1、为人正直，有进取心，有责任心；
2、乐于沟通、交流；

❺ 如何愉快地调试一个 React Native for Android APP

首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
其次你需要开启USB调试才能在你的设备上安装你的APP。一定要确定你已经打开设备的USB调试开关!
确保你的设备已经被成功连接，可以输入adb devices核实:

在右边那列看到device说明你的设备已经被正确连接了。注意，你只应当连接仅仅一个设备。
因为如果你连接了多个设备（包含模拟器在内），你后续的一些操作可能会失败。拔掉不需要的设备，或者关掉模拟器，确保adb devices的输出只有一个是连接状态。
现在我们可以运行 react-native run-android 来在设备上安装并启动我们的应用了

这
句命令执行后，实际上就是在本地起一个node server，并且将你的android
project编译打包，再上传到你的手机上。然后当js文件有改动或debug模式下手动选择reload
js时候会自动更新bundle文件，达到改动js文件后即时显示的调试效果。
这“红屏”又是什么鬼？别着急，是正常的，我们需要连接上开发服务器，下面的步骤会解决这个问题。

摇晃手机，或者运行adb shell input keyevent 82，可以调出开发者菜单。

点击进入Dev Settings
点击Debug server host for device
输入你电脑的IP地址和端口号（譬如我的是192.168.3.15:8081）

注意：如果你的设备是android5.0以上版本(API 21+)，就不用折腾这步了
而是：运行adb reverse tcp:8081 tcp:8081 （建立一个从设备向电脑转发的端口，前提是设备和电脑通过USB相连）
不需要更多配置，你就可以使用Reload JS和其它的开发选项了
Chrome开发者工具
在Chrome上调试js代码，需要在开发菜单中选择Debug JS，这会打开一个新的http://localhost:8081/debugger-uitab页。
在
Chrome中，按下⌘ + option + i或者选择视图(View) -> 开发者(Developer) ->
开发工具(Developer Tools)来打开开发工具控制台。打开有异常时暂停（Pause On Caught
Exceptions）选项，能够获得更好的开发体验。
Chrome中并不能直接看到App的用户界面，而只能提供console的输出，以及在sources项中断点调试js脚本。

要查看APP日志？
在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

实时刷新
这个选项可以在你的js代码变更了之后，自动触发所连设备或者模拟器自动刷新。
开启方法：先打开开发菜单，选择Dev Settings，然后选择Auto reload on JS change选项。
到此才能完整的调试Android RN, 繁琐到累绝不爱。。
等等，能否想办法简化一下过程？

既然我们的RN项目里包含了完整的android工程，何不把android工程导入到android studio 去运行？不但可以同时查看js的日志和native的日志，而且开发android的同学最熟悉AS，利用AS的快捷键和各类插件提升调试效率。
have a try , 答案是肯定的！
执行react-native start 也可以起一个node server，只是它不帮你安装APP到device 。

以上就是我踩坑后整理的方法，按这套组合拳就可以愉快地调试了。水平有限，抛砖引玉，如果你有更好的方法！欢迎拍砖！
此处插播一个广告：拍砖请拍到我们的杏树林开放空间（246078103），期待感兴趣的同学加入。
之后要解决的一些issue
1，关于设备MinSdkVerison
RN 只支持Android4.1.2（API16）以上设备，4.0根据网络数据大概占比0.7比例，随着大部分app已经不支持4.0以下设备了，这块倒还可以接受 , 目前我们的病历夹是3.0(API-11) , 口袋是4.0(API-14)
2，我们的androidRN现在只能通过Debug JS才能渲染出界面，而不能正常的用Reload JS
3，在界面跳转时卡的令人发指

❻ android rn 是什么意思

public class MainActivity extends Activity implements DefaultHardwareBackBtnHandler {

private ReactInstanceManager mReactInstanceManager;
private ReactRootView mReactRootView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mReactRootView = new ReactRootView(this

❼ 区分页面是rn还是android原生

android用的是java语言开发的，RN是用JS语言开发的。你可以看一下app的特殊效果，有web样式独有的就是RN，原生的效果和动画会给人更稳定的感觉

❽ rn运行在安卓真机上怎么reload

主要通过以下几个步骤: 1、手机通过数据线连接在电脑上 2、设置android手机为USB调试模式。步骤: menu- 设置 - 应用程序 - 开发 , 选择【USB调试】 3、如果是window系统，系统会提示安装驱动: 选择正确的android sdk安装目录，然后点击下一步，系统就开始安装驱动了 4、驱动安装完成之后，重启电脑(通常系统会有“安装新驱动，重启才能生效”的提示)，这但应该明白吧 5、重复第1步和第2步，打开命令窗口，检测手机设备是否已经被识别，如下所示: “HT99YLG11834 device”就是检测到得手机设备 6、接下来就开始在eclipse上调试android程序了， 右击android工程-Run as-Android Application ,弹出如下窗口:(重新启动系统之后才有这样的效果) 7、选中手机设备，点击OK之后，程序就开始在真机上安装了，控制台输出如下信息: 8. 设置应用程序为调试模式。操作: 编辑AndroidManifest.xml 增加调试参数android:debuggable=true, 如下: <application android:icon=@drawable/icon android:label=@string/app_name android:debuggable=true 9. 执行真机调试操作:ECLIPSE调试对话框中，Target窗口中选择Manual，点击【debug】按钮，选择真机设备，开始调试。 注:不管是否启用ECLIPSE环境，任何Android软件只要在真机上运行发生异常，都可以在命令行窗口下查看具体异常信息: 执行:./adb logcat 可以查看到更多的系统异常消息。在这些消息中要注意查看Caused by:打 头的行，这些行指明了在哪行代码出的错误10、运行这个应用程序，这样就可以使用手机来测试了

❾ react-native 怎么运行在android

楼主：不太清楚你想表达什么意思，但是你想使用RN开发Android应用，首先你要先搭建好开发环境，可以参考Facebook的官方文档：https://facebook.github.io/react-native/docs/getting-started.html

搭建好开发环境后，运行下面几个命令就可以得到一个RN项目：

react-nativeinitAwesomeProject
cdAwesomeProject
react-nativestart
react-nativerun-android

你可以选择在手机上或者模拟器上运行项目，使用adb devices可以查看连接到你电脑的手机或者模拟器。

当然，如果想学习RN开发的话，需要了解的知识还是很多的，但是学任何一门技术都是有一定的困难，网上有很多关于RN的入门教程，但最重要的还是官方文档，近期我在做一个RN的实战项目教程，欢迎Q我：879942736了解学习。