RN/小程序开发知识总结
adayabetter
每个人都会死很久,所以要好好活着,活出自己的精彩!!!
展开
-
ES6 字符串拼接
ES6 字符串拼接 字符串拼接可以采用如下方式:方式一 ${var} var name1 ="Mike";var age1=20;var message1=`hello,${name1},your age is ${age1}`;//这里的两个点是键盘上数字键1左边的按键,而不是单引号哦alert(message1);方式二 + 号拼接字符注意使用...原创 2018-09-04 16:36:06 · 7423 阅读 · 0 评论 -
Android RN和native 嵌套pop返回2层页面的实现
Android RN和native 嵌套pop返回2层页面的实现如题,现在有如下场景:页面A是RN的,跳转到页面B是native的,再从页面B跳转到页面C,C页面是RN的。即: RN -> Native -> RN在C页面执行了一些逻辑(如在酒店详情页选择了一个房型价格计划),现在需要直接返回到页面A,即需要把页面C、页面B都 finish掉,即pop两层。实现分析...原创 2019-04-16 18:20:49 · 795 阅读 · 0 评论 -
React Native 返回上一个页面后执行刷新逻辑
React Native 返回上一个页面后执行刷新逻辑如题,在RN中,实现从页面A ->进入页面B,在页面B返回到页面A的时候,需要执行刷新逻辑。代码实现思路:在页面A中注册监听,当页面B销毁的时候(注意是销毁的时候,包括点击返回按钮、或者物理返回键),B页面通知A页面,A收到通知后,执行刷新逻辑即可。代码实现参考:页面A// 注册监听componentWillMo...原创 2019-04-11 16:34:46 · 5204 阅读 · 4 评论 -
【小程序】分页加载数据,下拉加载更多,上拉刷新
【 小程序】分页加载数据,下拉加载更多,上拉刷新分页加载的优点就不多说了,下面主要记录一下几个问题点。scroll-view组件不能用在页面根布局中,不然触发不了系统的onPullDownRefresh()、onReachBottom()回调。在Page页面配置中增加如下两项配置: enablePullDownRefresh: true, onReachBotto...原创 2018-10-17 16:26:39 · 3807 阅读 · 1 评论 -
【小程序】解决 Android机型上button按钮出现边框
【小程序】解决 Android机型上button按钮出现边框问题描述:在Android机型上出现button按钮组件,在四个角上出现边框。在模拟器、iPhone手机上没有边框。问题原因:button控件上有一个伪元素(::after),虽然代码中设置了border : none,但是被button::after 给覆盖了,只要把button::after 的border 属性去掉就...原创 2018-10-15 18:16:38 · 1252 阅读 · 0 评论 -
【小程序】通过navigateToMiniProgram或者navigator实现小程序间传递大量文字信息
【小程序】通过navigateToMiniProgram或者navigator实现小程序间传递大量文字信息有时候需要在小程序之间传递大量文字信息,如几百字甚至上千字的数据;亲测有如下两种方式可以实现。方式一 wx.navigateToMiniProgram注意:此方式官方已废弃,不再建议使用,但运行依然有效。代码如下:发送端:wx.navigateToMiniProgra...原创 2018-10-08 18:01:01 · 4479 阅读 · 0 评论 -
【小程序】开发 JS知识总结
JS知识总结js判断字符是否为空的方法://判断字符是否为空的方法function isEmpty(obj){ if(typeof obj == "undefined" || obj == null || obj == ""){ return true; }else{ return false; }}// 简原创 2018-10-15 14:17:01 · 330 阅读 · 4 评论 -
【小程序】Canvas画布实现左对齐、居中显示效果,动态计算字体宽度 measureText
【小程序】Canvas画布实现左对齐、居中显示效果,动态计算字体宽度 measureTextCanvas 画布提供的API,需要提供x,y坐标来绘制text或者,view。要实现 左对齐、居中显示的效果,可以利用Canvas提供的measureText来量取text的宽度,动态进行布局。参考代码如下://绘制价格信息,支持相对布局方式function drawPrice(ctx, p...原创 2018-09-28 14:20:11 · 4413 阅读 · 0 评论 -
【小程序】踩坑记录(待续。。。)
【小程序】踩坑记录2018-10-11WePY 1.x 版本中,组件使用的是静态编译组件,即组件是在编译阶段编译进页面的,每个组件都是唯一的一个实例,目前只提供简单的 repeat 支持。不支持在 repeat 的组件中去使用 props, computed, watch 等等特性。参考: https://tencent.github.io/wepy/document.html#/?id...原创 2018-10-11 19:57:46 · 279 阅读 · 0 评论 -
【小程序】 好友分享 onShareAppMessage path路径构造&解析
onShareAppMessage(Object)参考官方定义: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#页面事件处理函数path路径构造:onShareAppMessage(options) { let _title = this.swiperDat...原创 2018-09-07 16:18:25 · 8878 阅读 · 0 评论 -
Android RN 从native页面返回到RN页面时,Alert框无法弹出解决方法参考
Android RN 从native页面返回到RN页面时,Alert框无法弹出问题描述:从native页面返回到RN页面,RN页面通过在componentWillMount 中注册native监听bridge.addNativeListener(‘EVENT_CHANGE_TOURIST’,(data) => {…}, 在监听中执行逻辑,弹出Alert框。参考场景如:选择出游人,跳转...原创 2019-04-25 15:19:36 · 1014 阅读 · 0 评论