“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

app.js

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

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