文章の目录 一、React Native愿景二、技术优势1、技术2、效率3、发版 三、底层内核1、RN：helloWorld.jsx2、iOS：helloWorld.m3、Android：helloWorld.xml4、Web：helloWorld.html 四、行业背景五、选型建议写在最后

---

一、React Native愿景 Learn once, write anywhere.学习一次，写在任何地方。 二、技术优势 1、技术 代码共享，iOS 和 Android（甚至HTML5）只编写一套代码；性能方面，与 Native 几乎相同；动画方面，React Native 提供了非常流畅的动画，因为在渲染之前代码已转换为原生视图。 2、效率 调试时，无需每次代码变更都在编译器打包，可即时查看更改；iOS、Android 2人力变更成1人力。 3、发版 支持热更新，不用每次发版都发布应用商店；发版时间自由控制，支持 iOS、Android 两平台同一时间发布。 三、底层内核

1、RN：helloWorld.jsx <Text> Hello World! </Text> 2、iOS：helloWorld.m UILabel *text = [[UILabel alloc] initWithFrame:CGRectMake(self.view.frame.size.width/2-50, self.view.frame.size.height/2-25, 100, 50)]; text.text = @"Hello World!"; text.textAlignment = NSTextAlignmentCenter; text.numberOfLines = 0; text; 3、Android：helloWorld.xml <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello World!" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> 4、Web：helloWorld.html <div> Hello World! </div> 四、行业背景 应用商店发版问题两端研发不同步问题 五、选型建议 首次发布：2015年1月Github Starts：8.33w（2019年底）社区活跃：非常活跃组件：很丰富学习曲线：低Native 性能：好综合建议：React 技术全家桶业务建议选用 RN 写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O??? 如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*// 如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~ 谢谢各位读者们啦(^_^)∠※！！！

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。