自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 Taro中使用ScrollView的那些事

记录一下Taro开发H5项目 部份页面嵌入到app

2022-11-30 16:17:28 3049

原创 覆盖上传七牛图片变更未生效

覆盖上传七牛图片变更未生效

2022-08-26 11:02:59 880

原创 多文本溢出省略 sass less

多文本溢出省略 scss 不生效

2022-08-10 13:36:15 290

原创 TextInput输入框有数据但是不展示

问题: TextInput作为一个组件value去接收变量展示数据 变量有值 但是页面没有展示解决方案: TextInput组件接受value特定String类型 传入的变量可能为number 将变量转为String即可

2021-09-02 15:06:37 744

原创 基于node批量上传图片cdn并且替换本地地址

最近有个优化是为了减少app的bundle包大小,写了个node脚本用于图片cdn化,有这方面需求的小伙伴阔以康康以下举例的开发语言为react-native cdn是七牛 小伙伴根据自己的情况自行摘取 图片为.webp格式需求:本地大量图片导致app的bundleSize过大 以至于想把本地的图片都上传到cdn,并且把对应上传cdn的资源路径替换掉本地require的引用方式需求直观demo: 本地代码引用块:source={require('../../xx/images/xx..

2020-12-02 15:37:10 859

原创 关于RN点击穿透

可能是我遇到次数多 我看我同事好几次都还在问我关于这个穿透问题先说一下Case 看下是否符合你的场景 再决定是否继续看下去Case:在页面需要开发一个蒙版遮罩 优先级高于其他层级 但是显示蒙层点击该层级点击事件会触发到蒙层背后的事件大致层级图:其实就是一个层级问题 我看人家说的rn提供一个pointerEvents属性 可能是我和同事没遇到用这个场景 所以这个属性对于这个场景无用解决方法:提高层级的优先级 其实就是保证View2的层级优先度在View之上或许大家固有...

2020-11-16 14:55:48 1565

原创 react-native ScorllView中无法使用flex:1填充空间

记录一下在外层是ScrollView的情况下 无法实现flex:1的填充效果解决办法:ScrollView上加入该代码:contentContainerStyle={{ flexGrow: 1 }}

2019-12-12 17:43:59 1507

原创 友盟分享error:包名错误,确认与开放平台包名一致

分享一下在集成友盟分享时一个坑(RN)关于集成友盟分享的方法我就不多说,跟着文档solo完全ok说一下我在Android点击分享时候,正常弹出分享borad,选择对应平台分享时候一如既往的loading(友盟分享自身调用Api),然后弹出一个对话框(包名错误,确认与开放平台包名一致)Excuse me?在我确认微信平台上设置的包名和项目包名一样的情况下,我懵逼了,网上各种找,什么a...

2019-06-20 14:17:39 6484

原创 react-native Textinput聚焦情况,需要二次才能触发其他事件

开发中遇到一个Case,在使用Textinput输入内容后,在其未失焦的情况下去点击其他按钮,第一次是不会触发,需要二次点击,这样就导致体验很差。在官网api中看到 解决方法: 用ScrollView作为Textinput的外层,在ScrollView上使用keyboardShouldPersistTaps={'always'},了解一下。 完...

2019-04-24 14:07:57 1838 1

原创 IDEA open or import project时候无法查看完整的文件目录结构

遇到好几次idea打开项目时候,项目的目录结构不完整,都不是开发环境的目录,记录一下。我的是mac,在你完整项目文件中找到.idea的文件夹,然后delete,重新用IDEA打开该项目。ps:.idea是隐藏文件,mac的话Command + shift + .切换隐藏文件是否可见。记录一下,也希望能帮到你。...

2019-03-07 15:21:45 1377

原创 git push分支后,无法通过git branch -a查询到该分支

背景:同事开发过程中遇到因开发需求,需要拉去一个新分支开发,creat并且push新分支后,开发同事无法找到该分支。解决方法:git fetch后再查看一下(git branch -a)...

2019-02-26 13:49:00 880

原创 Cannot add a child that doesn't have a YogaNode to a parent without a

老规矩先上图,看能否帮上你再决定是否看下去;(Android截的图,,为何这么糊....我母鸡啊)背景:根据变量的Val render不同的页面展现方式;代码:this.state.xxx === xxx ? <View> xxxx </View> : ' ';Case: Ios: 木有问题;Andriod: 闪退(当然是报错了)要不是测试...

2018-11-19 17:41:22 517

原创 省市县三级联动

省市县的三级联动是基于react-native-picker,github上已经有现成的demo。根据自己的需要搬砖就好。我写这个在于因为需求的数据格式和该demo不太一样,且稍微详细且完善一点。先看效果,让你确定下是否需要继续看下去看下核心代码: provincialUrban = params => { let data = []; let area...

2018-10-29 10:02:42 1088

原创 react-native-EZSwiper卡片轮播组件Android无法正常轮播

因项目需求,需要做一个卡片的轮播图。然后顺理成章的找到react-native-EZSwiper轮子,很赞。ios完全能满足我的需求,但是Android测试的时候就凉了。Android Case:当组件自动轮播到最后一张,我满心期待的看它轮播回到第一张......But,它...停了...停了...了。是的,它不动了。然后苦逼的我只能看源码了。当时遇到这个问题我在各种搜,,,看Is...

2018-09-28 18:35:39 2181

原创 In this environmrnt the source for assign MUST be an object.This error is a performance optimization

分享一下在代码重构过程中react-navigation vesion从1.x升级到2.x遇到的一个error case。error:In this environment the sources for assign MUST be an object.This error is a performance optimization and not spec compliant.找了好久...

2018-08-29 09:52:55 1180

原创 ios模拟器 Image 加载Http的图片 ---React Native

React Native 的Image组件加载本地或者远程(https)图片,官网已经有很详细的介绍,我这里就不详细介绍,具体可以看https://reactnative.cn/docs/image-style-props/;----------------------------分割线今天具体说一下Xcode IOS模拟器加载Http格式的远程图片方式。在Xcode项目的Info.p...

2018-08-09 15:29:11 1079

原创 Node Sass does not yet support your current environment

该问题是我在start项目install时候抛出来的error,因为当点node-sass版本较低无法编译。执行该代码update你的sass版本即可:npm rebuild node-sass

2018-03-05 17:28:39 1591

原创 when github fork - Your brower did something unexpected.

今天github上fork 项目时候出现这么一个问题。主要是浏览器问题。当前是chrome去fork项目的,chrome版本是 63.0.3239.132(正式版本) (64 位),无法fork。出现以上问题。换了浏览器safari版本号(11.0.2)。完美解决

2018-01-25 11:20:07 7737 2

原创 Html开发-安卓毛玻璃无效果解决办法

毛玻璃实现代码:filter: blur(value);value为毛玻璃模糊程度。 该效果在Ios开无任何问题,可以实现毛玻璃效果。 但是安卓需要加上浏览器前缀: -webkit-filter: blur(value);此上ios、Andord毛玻璃效果皆可实现。

2017-12-18 21:12:05 854

原创 Echarts实现可视化世界地图——Vue

Echarts实现可视化世界地图——Vue

2017-12-17 21:44:35 17680 13

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除