当前位置: 首页 > 工具软件 > React Native > 使用案例 >

ReactNative 入门

盖和洽
2023-12-01

一. ReactNaitive简称RN,使用React语法,使用内部提供的基础组件绘制界面,最终编译成基础组件。开发效率高于和版本发布效率高于原生开发,其开发出来的产品体验总体优于H5,但说实话比不上原生的产品体验。对于熟悉react框架的前端开发,上手容易。

二、对比H5开发的差别
1.开发环境和本地调试上的差别,RN开发环境比较麻烦,最好对原生开发工具(Android Studio / XCode)有一些基本的了解,遇到问题谷歌和百度官网和社区都能解决。官方有提供了专门的调试工具

2.基础元素(组件)差别,H5上基于原生dom, 通过react-dom创建React元素,RN上通过内部组件,基于react-native创建React元素

3.样式编写上的差别,无className, 只支持内联样式,通过RN提供的style.create创建,且样式无继承,一些样式属性上也存在差异

4.本地存储和全局对象的差别,RN中通过官方提供asyc-storeage或者社区的第三方包实现,且无window对象,需要全局对象可以自行实现全局单例即可

三、上代码实现一个HelloWorld

// TODO 未完成待续~

四、常见的核心库

1.目录文件和文件说明

// TODO 未完成待续~

五、常见的核心库

// TODO 未完成待续~

 类似资料: