在这篇文章中我们来了解一下“React Native环境如何搭建，优缺点是什么”，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！

环境搭建准备

1.环境搭建
React Native中文网

2.开发工具
前端开发软件：Visual Studio Code

移动端开发软件：Xcode、Android Studio

3.知识储备

NodeJS React Es6,Es7

React Native介绍

React Naitve的简介：Facebook在React.js Conf2015大会上推出的一个用于开发Android和iOS App的一个框架，主要编程语言是JavaScript。它的出现使用即拥有Native的用户体验，又保留React的开发效率。

在 React Native 出现前，我们通常会选择这三种移动技术（Native App、HTML5、Hybrid）之一进行开发。

• Native App：开发原生应用自然性能最好，功能强大。但多平台版本的开发、维护要花费大量的人力物力(iOS版本迭代审核需要时间)。
• HTML5：虽然有 Web 的优势，即灵活的布局能力、免发版的敏捷迭代潜力、优秀的跨平台特性。在新闻资讯等一些强排版、弱交互的展示类 App 上大展拳脚。但由于 WebView 在移动设备上的性能制约，始终难成大器。
• Hybrid App：JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势，但是这个方法存在诸多问题：无法访问离线数据、无法访问设备、无法远程更新。
• React Native：底层引擎是 JavaScript Core，但调用的是原生的组件而非 HTML5 组件。这样运行时可以做到与 Navive App 相媲美的性能体验，同时因为 JavaScript 代码可以使用后端强大的 Web 方式管理，既可以做到高效开发，也可以实现快速部署和问题热修复。

React Native优缺点：

优点

1. 跨平台开发：运用React Native，我们可以使用同一份业务逻辑核心代码来创建原生应用运行在Web端，Android端和iOS端；
2. 热更新，App可以快速迭代：实时热部署；
3. learn once,write everywhere：React Native不强求一份原生代码支持多个平台，所以不是write once,run anywhere；

缺点

1.  react native在iOS上仅支持iOS7以上，Android仅支持Android4.1以上；
2. 开发成本较高，对新手不友好，调试不友好；
3. 部分复杂的界面和操作，RN无法实现(可以考虑原生+React Native混合开发)；
4. 版本更新较快，建议开发固定版本

React Native vs Flutter vs Weex

关于“React Native环境如何搭建，优缺点是什么”的内容今天就到这，感谢各位的阅读，大家可以动手实际看看，对大家加深理解更有帮助哦。如果想了解更多相关内容的文章，关注我们，群英网络小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• vue-router实现编程式导航的详细代码介绍

  页面导航是网站页面很重要的功能，是通过一定的技术手段，为网站的访问者提供的一定途径，使其方便访问到所需的内容，页面导航通常是在网站的banner下面或者网页的内部。编程式导航是页面导航中的一种，也就是通过调用JavaScript形式的API实现导航的方式，例如普通页面这篇能够的location.href。这篇文章就分享一下vue-router实现编程式导航的详细代码。

• vue中怎么用webcamjs集成调取pc端摄像头拍照

  这篇文章主要介绍了vue的webcamjs集成方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

• React的基本使用是什么，React的特点有哪些

  这篇文章讲述了React的基本介绍,基本使用和React相关js库.通过这篇文章可以入门React的使用,可以快速上手使用React进行代码的编写

• 微信小程序中的底部弹出框效果怎样做？

  这篇文章给大家分享的是微信小程序中的底部弹出框效果的实现。小编觉得挺实用的，因此分享给大家做个参考，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。

• vue中activated用法是什么？

  这篇文章主要给大家分享的是关于vue中activated的用法，下面还会介绍到keep-alive，下文有具体的代码，感兴趣的朋友可以参考学习，下面就跟随小编一起看看吧。