解决微信小程序中图片闪烁的问题

被这个问题逼出了强迫症,到处找解决办法,最后自己用了这个方法算是解决了。在全局css中加这样的代码:

Image{
  height: auto;
}

我设置的是固定宽度,高度自适应用的是widthFix,我的理解是自适应图片的高度,那么高度加载是需要一定时间计算的,这段时间可能就出现了这种闪现的问题,加了height:auto之后,他就有了一个高度的值,也就不会出现那种闪现的问题。
最好用真机看一下方便更直观的看效果。

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
### 回答1: 微信小程序tabbar切换闪烁问题可能是由于以下原因导致: 1.页面渲染问题:在页面加载时,如果页面内容过多或者网络较慢,可能导致tabbar图标和文字出现闪烁的情况。 2.动态切换tabbar:如果在tabbar切换时,动态修改了页面内容或者样式,可能导致tabbar闪烁问题。 3.页面跳转问题:在页面跳转时,如果没有正确处理好页面跳转的逻辑,可能导致tabbar闪烁问题解决方法: 1.减少页面的渲染内容,将页面内容进行优化,减少页面加载时间,可以解决tabbar闪烁问题。 2.在tabbar切换时,不要动态修改页面内容或者样式,尽量保持页面静态,这样可以避免tabbar闪烁问题。 3.在页面跳转时,正确处理好页面跳转的逻辑,确保页面跳转的流畅性,也可以解决tabbar闪烁问题。 ### 回答2: 微信小程序的tabbar切换闪烁问题可能是由以下几个原因引起的。 首先,可能是因为页面切换的速度过快,导致切换时的闪烁。这通常是因为页面之间的切换过程,渲染速度跟不上切换速度,导致页面闪烁解决办法是合理控制页面切换速度,尽量避免过快的切换频率。 其次,可能是因为页面切换时加载的内容较多,导致切换时出现闪烁。这种情况下,可以考虑对内容进行预加载,提前加载页面所需的数据,以减少切换时的闪烁。 另外,可能是因为在tabbar切换时,页面数据的渲染过程过慢,导致切换页面时出现了闪烁。这种情况下,可以优化页面的渲染逻辑,减少渲染时间,从而减少闪烁现象。 此外,还可以通过优化页面的布局和样式,合理使用动画效果,来减少切换时的闪烁。避免使用过于复杂的布局和样式,减少页面重绘的频率,可以有效地减少闪烁的出现。 综上所述,微信小程序tabbar切换闪烁问题可能由于页面切换速度、内容加载、数据渲染等原因引起。可以通过控制页面切换速度、预加载数据、优化页面渲染逻辑、优化布局和样式等方式来解决这个问题。 ### 回答3: 微信小程序的tabbar切换闪烁问题通常是由于页面切换时重新渲染导致的。为了解决这个问题,我们可以使用以下方法: 1. 使用页面栈管理:可以通过管理页面栈的方式来避免tabbar切换时的闪烁问题。即在切换tab时不关闭当前页面,而是将当前页面隐藏到页面栈,再显示下一个页面。这样切换时就不重新渲染页面,避免了闪烁问题。 2. 使用cover-view覆盖底部tabbar:在需要切换tab的页面上方覆盖一个cover-view,将需要切换的页面作为cover-view所在页面的子页面,这样切换tab时只需切换cover-view所在页面而不切换整个小程序的页面。这样可以避免页面的重新渲染,解决闪烁问题。 3. 使用动画过渡效果:在tab切换时可以添加一些动画效果,例如渐变、缩放等,通过过渡动画来转移用户的焦点,减轻切换时的闪烁感。可以使用小程序的动画API来实现这些效果。 总体来说,解决微信小程序tabbar切换闪烁问题的方法主要是避免页面的重新渲染,可以通过管理页面栈、使用cover-view覆盖tabbar、添加过渡动画等方式来实现。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值