safeAreaInsets 安全距离：主要指的是在全面屏手机（如 iPhone X 及以上型号）上，屏幕顶部和底部为了容纳刘海屏或前置摄像头而预留的安全区域。在首页（父组件）中获取到要高亮元素的文职，并且传递给蒙层组件，然后在蒙层组件中通过定位将元素定位到指定位置。如果存在引导线，提示语等，基于高亮元素去定位，在不同机型（特别是比较老的机型）上可能以一点的便宜，但不会很大，定位的时候留足空间，不

unocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind 会生成大量样式定义，会导致全量的 CSS 文件往往体积会多至数 MB，从而有性能上有一些不足。扩展：什么是原子化原子化​​CSS​​​是一种​​CSS​​架构方式，其支持小型、单一用途的类，其名称基于视觉功能。

一、redux安装：npm install --save redux1. 什么是redux？redux是一个独立专门用于做状态管理的JS库(不是react插件库)它可以用在react, angular, vue等项目中, 但基本与react配合使用作用: 集中式管理react应用中多个组件共享的状态2. redux的工作流程图...

最近，遇到了一个情况，react-native的TextInput组件在ios平台只有自带输入法（没有安装其他的第三方输入法）的情况下，没有办法输入中文。大概原因：react-native在0.55的版本下，TextInput组件有一些的bug！！不能使用它的 value 或 defaultValue 属性！！代码如下：情况1：<TextInputunderlin...

问题描述：项目中长按文字显示粘贴，复制为英文；拍照时的提示语也是英文，日历插件也是英文状态。修改前效果：         解决方法：info.plist 或 在项目的info选项 => Localization native development region => 改为china（默认为en，即英文）；作用：将app内的软件设为中文修改为： ...

前言：在实际的 react-native 项目中，使用输入框 TextInput 组件是十分常见的。但是，在手机上（特别是ios平台），键盘弹出后遮挡视图（一般都是 TextInput 组件）的问题也是经常出现的。遮挡示例：在这样的效果中，这个页面的视图（包含顶部标题栏）是由 Container（native-base中） 组件包含的；而全部内容视图是由 ScrollView （rea...

使用方式为: Linking.openURL(string)1. 打开浏览器：Linking.openURL(url);        eg：Linking.openURL('https://itunes.apple.com/cn/app/%E4%B8%AD%E7%9F%B3%E5%8C%96%E8%B4%B5%E5%B7%9E%E5%A4%A7%E5%AE%A2%E6%88%B7/i...

注意：我主要用的包管理工具是yarn（也可以用npm或者cnpm）；这里只介绍第三方库的基本集成，属性和方法可以去参考文章和github查找学习。个人意见：集成第三方库最好不要制定固定的版本，因为可能会和你的react native版本不相符，导致报错！！！前言：这两天正在开发一个新项目，大佬在整理需求，so，项目环境的搭建以及常用第三方库的集成这种事情就轮到我了。。。项目中有一个错误...

前言：最近新开了个RN的项目，网络请求用的是fetch，和以前的项目完全不一样，以前都是用的 redux + redux-promise + redux-saga 这一套来处理异步请求的。而在新项目中我们这边使用ES6的 async/await 来处理异步问题。今天介绍一下我学习 async/await 的过程：首先，说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个...

前言：react native虽然是当下比较好的跨平台开发解决方案，但是Hybrid APP比较比不上原生开发，有很多效果都无法实现。但是，react native有很多优秀的第三方库，足以满足我们的大部分开发。来公司快一年了，都主要在维护两个native开发的app（当然，也有很多新需求）和参与一些其他app的模块开发，作为一个菜鸟前端来说，native的环境配置和第三方库的集成对我来说是比..