react-native

本文目录一览：

• 1、学习reactnative需要具备哪些编程基础
• 2、reactnative怎么安装
• 3、ReactNative适配探讨
• 4、ReactNative中的Position研究
• 5、rn是什么意思?
• 6、react-native的常用组件及api

学习reactnative需要具备哪些编程基础

可以基于 React Native使用 JavaScript 编写应用逻辑，UI 则可以保持全是原生的。这样的话就没有必要就 HTML5 的 UI 做出常见的妥协；React 引入了一种与众不同的、略显激进但具备高可用性的方案来构建用户界面。

学习react native，你需要懂的技术有ios、htmlcssES5/6/react、Android，你需要懂的思想是函数式编程思想。

不需要，但是要有网页前端的开发基础，也就是html，css。

RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

JavaScript：学习JavaScript语言的基础知识和常用操作，包括数据类型、运算符、流程控制、函数等。jQuery：学习使用jQuery库简化JavaScript编程，包括选择器、DOM操作、事件处理等。

面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。

reactnative怎么安装

1、安装react-native 在cmd中输入：npm install -g react-native-cli，回车。

2、根据reactnative参数资料，安装reactnative依赖要使用yarn安装包文件，因为在windows环境下搭建reactnative开发环境时，需要通过npm安装yarnReactNative的命令行工具，所以没有yarn安装包存在的话reactnative依赖就无法安装。

3、已安装了Node.js、npm和Yarn。我们可以使用ReactNativeCLI来快速创建和配置ReactNative项目。完成编译后，使用华为HarmonyOS开发者工具运行应用。

ReactNative适配探讨

1、至此你的刘海屏的问题会得到解决，但是SafeAreaView只在ios生效，android还得使用StatusBar组件( https：//reactnative.cn/docs/statusbar )获取statusbar的高度，再进行适配，这样就可以完成双端的适配。

2、另外设置了Position属性的view alignSelf 不起作用，alignItems 和justifyContent对其子元素起作用。其父view 的alignItems 和justifyContent 对其不起作用。

3、一致的开发体验在本地平台上构建世界一流的应用程序体验。React Native 把重点放在所有开发人员关心的平台的开发效率上——开发者只需学习一种语言就能轻易为任何平台高效地编写代码，MapView。

ReactNative中的Position研究

1、另外设置了Position属性的view alignSelf 不起作用，alignItems 和justifyContent对其子元素起作用。其父view 的alignItems 和justifyContent 对其不起作用。

2、属性设置问题：在ReactNative中使用底部导航组件时，出现顶部导航栏的问题，可能是因为在样式设置中，没有将AppBar组件的position属性设置为fixed，重新设置属性即可。

3、dpr(devicePixelRatio) ： 设备像素缩放比。

4、React项目对于整个开发社区的影响很正面，比PhoneGap这种催生了一大票廉价app码农的垃圾技术正面多了。另外，纯Javascript的开源库也可以直接应用到ReactJS／ReactNative中，这也进一步提升了生产力。

rn是什么意思?

1、Rn（化学元素氡）一般指氡（化学元素）。氡（Radon）又名氭，是一种化学元素，符号Rn。氡元素对应的单质是氡气，为无色、无臭、无味的惰性气体，具有放射性。氡的化学性质不活泼，不易形成化合物。

2、“RN”是“Right Now”的缩写，意思是“现在；立刻”。 “RN”可以指代“ahimsa”（非暴力）这个词，源自于印度教的思想。 “RN”可以指代“resurrection”（复活；重生）这个词。

3、rn是react native。React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。

4、在物理学中，RN是指导体电阻的倒数，用符号“RN”表示。导体电阻是指电流通过导体时遇到的阻力，它与导体的长度、截面积、材料和温度等因素有关。导体电阻的倒数，即1/R，可以表示为电阻的倒数，用符号“RN”表示。

5、聊天中“rn”是right now的缩写，意味现在：此时此刻 缩写是英语聊天中比较经常会碰到的，主要为一些常用单词或词组的首字母组合而成，目的是聊天快速方便而自然形成的，减少在聊天中打完整词句的时间，加快聊天效率，也为了方便打字。

6、RN的意思是Registered Nurse，翻译为“注册护士”。在医疗领域，RN是指经过专业培训和注册批准的护士。

react-native的常用组件及api

一般使用 TouchableHighlight 或者 TouchableOpacity 代替 主要针对刘海屏，使用SafeAreaView包裹后，不会在刘海位置渲染页面，以免信息展示不全。

定位模式，分为absolute和relative两种 即绝对定位，相对于父组件的位置 相对定位，相对于当前位置 定位的元素及其子代的zIndex顺序。当元素重叠时， zIndex顺序决定哪一个覆盖另一个。

更多信息请查看 https：//github.com/ant-design/ant-design-icons/tree/master/packages/icons-react-native 安装完成后需要link字体文件 使用方式：在导航栏下方，一般用作系统提醒、活动提醒等通知。

一般使用ReactNative开发App，一般都采用Flex布局，使用这套布局就非常快。 Flex简介 Flex又叫弹性布局，会把当前组件看做一个容器，他的所有子组件都是他容器中的成员，通过Flex，就能迅速的布局容器中的成员。

（2）自定义属性（3）获取自定义属性，并初始化一系列工具类（4）重写onMeasure方法，对控件进行测量（5）如果是自定义布局，还需要重写onLayout进行布局在React Native中自定义组件的思路基本和原生自定义相似。

原文链接 UI的描述和呈现分离开了 Javascript在react native里面非常重要 React Native它可不一样 React Native组件结构 在一定程度上，React Native和NodeJS有异曲同工之妙。