近日问题总结

这篇博客总结了移动端开发中遇到的一些典型问题及其解决方法,包括安卓端图片显示问题、uni.showtoast在真机上闪烁、弹窗显示背后的滑动控制、小程序底部tab的禁止切换以及小程序后台到前台的事件监听。对于每个问题,都提供了具体的解决策略,如使用英文命名图片、setTimeout处理toast显示、利用@touchmove.stop.prevent阻止滑动等。
摘要由CSDN通过智能技术生成

1、安卓端图片不显示问题

近日在测试在测的过程中发现一个png图片在ios端显示,但是在安卓端不显示,但是在点击时还能触发事件,说明只是图片没有显示出来而已,解决办法就是如果是本地路径的图片那就需要图片全名是英文,并且不能有中文。

2、uni.showtoast&&wx.showToast真机上一闪而过问题

在本地微信开发者工具开发调试时toast弹窗显示并无问题,但测试在ios和安卓真机测试时发现toast弹窗一闪而过,这是因为js事件执行机制的问题,解决办法就是将showToast放着setTimeOut中。

3、弹窗显示时背后内容可以滑动及解决后弹窗内容不可滑动问题

原计划交互是小程序首页弹窗背后的内容不可滑动,但设置遮罩层后还是可以滑动内容,解决办法是给弹窗view添加@touchmove.stop.prevent事件阻止其滑动动作,但这样会使其弹窗内容也不可滑动,这个问题解决办法是在显示内容外套一层   <scroll-view class="scroll-view" :scroll-y="true">

.scroll-view {
   height: 100%;          // 同时要设置样式
   overflow-y: scroll
 }

4、小程序底部tab禁止切换问题

目前在开发文档上并没有找到官方提供的接口,一些网上的方法也并不理想,我在实际开发时有两种解决方案:

1、最直接的就是跳转到一个弹窗的公共界面

2、隐藏底部tab

uni.hideTabBar() // 隐藏tab
uni.showTabBar() // 显示tab

5、小程序后台切换至前台触发事件

wx.onAppShow(() => {
    ----------- 操作
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值