![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react-native
文章平均质量分 75
大白熊_BlankBear
这个作者很懒,什么都没留下…
展开
-
高德地图第三方组件应用
一 高德react-native-amap3d组件的使用。react-native 高德地图组件,使用最新 3D SDK,支持 Android + iOS,受react-native-maps启发,提供功能丰富且易用的接口。主要功能: 地图模式切换(常规、卫星、导航、夜间) 3D 建筑、路况、室内地图 内置地图控件的显示隐藏(指南针、比例尺、定位按钮、缩放按钮) 手势交互控制(平移、缩放、旋转、倾斜) 中心坐标、缩放级别、倾斜度的设置,支持动画过渡..原创 2021-07-01 14:28:27 · 838 阅读 · 0 评论 -
集成react-native-image-crop-picker遇到的问题
因为一个相册选择图片的东西要多选,选了这个组件react-native 0.48react-native-image-crop-picker@0.24.0因为react-native-image-crop-picker0.25及以上只支持react-native0.60及以上然后(1)先安装react-native-image-crop-picker$ npm install react-native-image-crop-picker --save(2)在项目中集成react-na原创 2021-06-21 18:22:32 · 696 阅读 · 0 评论 -
记一次页面替换时遮罩层卡死的问题排查过程
问题描述列表页面进入下一页面的遮罩层卡死偶发android没这种情况, ios(所有机型)偶尔有react-native-0.48排查过程1.去跳转过后的页面排查里面有两个页面加载时的遮罩层loading样式1.1 直接去掉两个遮罩层,可以,但是要更新,无法热更新至已有的App Store上的包 而且改了原有逻辑 不到万不得已,不采用这种方式1.2 猜测是跳转后的页面内两个遮罩层的卡顿 ①去掉第二个遮罩层,问题依旧存在 而且必现了 ②第二...原创 2021-05-18 09:37:05 · 206 阅读 · 0 评论 -
React Native 下,TextInput 换行。
在RN版本0.44,长文本编辑,使用TextInput。出现以下问题:1:点击软键盘中“回车”按钮,软键盘隐藏。2:设置blurOnSubmit={false},点击软键盘中“回车”按钮,没有换行。3:TextInput设置高度,文字默认是居中显示。设置高度自增长,有闪烁。根据问题来一步步解决实现效果1:点击软键盘中“回车”按钮,软键盘隐藏。blurOnSubmit 强制设为 false 、2:设置blurOnSubmit={false},点击软键盘中“回车”按钮,没有换行。转载 2021-05-17 22:12:10 · 2808 阅读 · 0 评论 -
React-Native横向浏览相册(带大图浏览)
react-native-image-zoom-viewer使用方法最近遇到一个需求,需要让用户预览图片,并且能进行放大缩小的操作。google了一圈,最后使用了react-native-image-zoom-viewer。官网Demo:import { Modal } from 'react-native';import ImageViewer from 'react-native-image-zoom-viewer';const images = [{ // Simpl..原创 2021-05-11 14:54:32 · 644 阅读 · 0 评论 -
miui12上面部分app的文字显示缺失
我的是react-native项目排查了很久,发现是他预设的系统字体,在app内解析时计算空间失误,导致某些字被挤没了。尤其是空格 % - 等等特殊符号在计算大小时会失误。最后直接将app内的组件默认字体写死为一个常用字体。可以参照黑夜模式的修改这边是用了onlayout函数在加载完成后重置为我写死的默认字体就ok了...原创 2020-07-15 20:59:15 · 5128 阅读 · 0 评论 -
React-Native refs引用遇到的一个问题
场景一个大页面S下两个小页面A,B相互覆盖,过程中使用refs引用了小页面C,有关闭和打开动作问题在A页面关闭了C,会导致在B页面无法打开页面,没有报错,需要分析问题解决方法时间有限,催的急,没有慢慢分析具体问题(事实上也没有分析的工具和办法,就是盲猜是这样导致的)我用的是比较蠢的,将C页面的内容,完全复制到一个新页面D中,是A操作C,B操作D...原创 2020-06-24 21:43:33 · 280 阅读 · 0 评论 -
react-native Touchable介绍和使用
本文转载自 https://www.jianshu.com/p/a840d2e9a312一 前言 1.React Native 中,手势监听的两种方式 ①.标签中有许多 on 开头的属性 在不同标签上有的属性是不能做出相应的响应的,比如下面的例子,同样的属性,在View上不可使用,在Text上就可以 var textInputTest = React.createClass({ render(){ ...转载 2020-06-17 22:51:41 · 321 阅读 · 0 评论 -
react-native 有关微信分享及支付
转载自 https://www.jianshu.com/p/6a792118fae4(一)前言React Native开发使用到微信好友或者微信朋友圈分享功能,闲来没事写一下,需要的可以看下(二)应用申请审核首先微信开发平台去注册账号并且创建一个移动应用。(地址:https://open.weixin.qq.com)将所必填的信息填写完整,应用名称以及中英文(英文是选填的)的信息,移动应用图标分别为28x28何108x108的png格式图标。继续点击下一步...原创 2020-06-16 22:41:30 · 391 阅读 · 0 评论 -
Image组件的一些东西
转载自https://blog.csdn.net/qiyei2009/article/details/81042072一 Image组件介绍RN中Image组件主要用于加载图片,可加载静态图片,网络图片,以及原生图片,本地文件系统中图片资源官方参考 https://facebook.github.io/react-native/docs/image#resizemode二 Image组件功能加载图片一般使用Image的source属性1 加载静态图片静态图片是指...转载 2020-06-11 22:55:42 · 312 阅读 · 0 评论 -
react-native加阴影
一 RN自带阴影RN提供了阴影样式属性,但其仅支持ios平台,在Android中需要使用elevation属性实现,但elevation仅提供一个灰色阴影,视觉效果不好。部分源码shadowColor: "#000",shadowOffset: { width: 0, height: 2,},shadowOpacity: 0.25,shadowRadius: 3.84,elevation: 5,二 react-native-shadowreact-nati...原创 2020-06-04 00:06:25 · 4044 阅读 · 0 评论