react native是原生app吗

WBOY
WBOY 原创
2022-06-27 17:17:39 1398浏览

“react native”不是原生app,“react native”编写的程序经过安卓studio编译后才是一个原生app;原生app的开发模式是用react的jsx语法来写的,而“react native”是跨平台移动应用开发框架,是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物,支持iOS和安卓两大平台。

本教程操作环境:Windows10系统、react17.0.1版、Dell G3电脑。

react native不是原生app

react native 编写的程序经过安卓studio编译后就是一个原生app ,其开发模式是用react的jsx语法来写的,特别像写前端一样,写页面结构/写js/写一种类似css语法的但不是css,这些可以渲染到写的页面组件里。

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物,支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

扩展知识:

JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到 <,JSX就当HTML解析,遇到 { 就当JavaScript解析。

react native 编写的程序经过安卓studio编译后就是一个原生app ,其开发模式是用react的jsx语法来写的,特别像写前端一样,写页面结构/写js/写一种类似css语法的但不是css,这些可以渲染到写的页面组件里。

react native 玩的也是组件,在node和npm环境下,可以创建一个react native项目,其依赖也是来源于node_modules ,packge.json 也是一个插件安装的列表。react native是一个原生程序,不需要使用到web pack。但是少不了jdk 和andoird环境的配置和相关资源下载/相关集成工具的使用。

react native 的基本结构和语法

index.js

16.png

app.js

//一般在app.js里写的都是顶层路由,在这里可以做一个路由顶层设计,这个app.js是在index.html里面设置的。所以开始就会渲染这个组件 ,其后就是各个子组件的引入和使用,每个组件都是先引入react的资源,或者引入自己写的组件,每个组件都是通过一个默认导出类作为加载的页面,这个类有构造函数,有成员函数,有渲染函数。还有一个react native 资源里面的 StyleSheet对象这个对象专门写组件样式的。

构造函数里面有state这个state叫做状态,用来操作组件状态的。在这里state里面设置状态属性,通过状态属性可以做很多灵活的操作。成员函数可以操作这些在构造函数里面设置的状态属性。渲染函数就是render ,这个函数里面可以引用引入的资源的组件,而写一个更大的组件。一个大概的react native 组件就是这样来完成业务的。代码可以根据自己的需求和官方文档的语法去写。

【相关推荐:javascript视频教程web前端

以上就是react native是原生app吗的详细内容,更多请关注php中文网其它相关文章!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。