taro 切换页面时,使用了circular属性且自动轮播的swiper会有很大概率停止轮播,直到用户手动触发滑动,才会复播

w6mmgewl  于 4个月前  发布在  其他
关注(0)|答案(4)|浏览(106)

相关平台

H5

浏览器版本: chrome:116.0.5845.179
使用框架: React

复现步骤

  1. 页面A,有自动轮播swiper
  2. 页面A有按钮,点击调用Taro.navigateTo切换到页面B
  3. 从页面B返回,页面A的swiper不会自动复播,需要用户手动滑动一次,才会启动轮播

期望结果

停止轮播的swiper可以自动复播

实际结果

停止轮播的swiper不会自动复播,需要用户手动滑动一次,才能开始继续轮播,不然永远停在那一帧

环境信息

👽 Taro v3.4.13

Browserslist: caniuse-lite is outdated. Please run:
  npx update-browserslist-db@latest
  Why you should do it regularly: https://github.com/browserslist/update-db#readme

  Taro CLI 3.4.13 environment info:
    System:
      OS: macOS 13.5.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 16.14.0 - /usr/local/bin/node
      Yarn: 1.22.5 - ~/.yarn/bin/yarn
      npm: 6.14.17 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.16 => 3.6.16 
      @tarojs/components: ^3.6.16 => 3.6.16 
      @tarojs/helper: 3.6.16 => 3.6.16 
      @tarojs/plugin-framework-react: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-alipay: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-jd: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-qq: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-swan: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-tt: 3.6.16 => 3.6.16 
      @tarojs/plugin-platform-weapp: 3.6.16 => 3.6.16 
      @tarojs/react: 3.6.16 => 3.6.16 
      @tarojs/runtime: 3.6.16 => 3.6.16 
      @tarojs/shared: 3.6.16 => 3.6.16 
      @tarojs/taro: 3.6.16 => 3.6.16 
      babel-preset-taro: 3.6.16 => 3.6.16 
      eslint-config-taro: 3.6.16 => 3.6.16 
      react: ^18.0.0 => 18.2.0 
    npmGlobalPackages:
      typescript: 5.0.2
3pvhb19x

3pvhb19x1#

反复测试了一下,不使用circular属性是没问题的

g0czyy6m

g0czyy6m2#

可以提供个 demo 项目看看

m528fe3b

m528fe3b3#

同样遇到这个问题,并且还有一个UI交互异常的地方,从最后一页切换到第一页的时候没有动画了。

ffvjumwh

ffvjumwh4#

这是一封自动回复邮件。您好,你的邮件我已收到,会尽快给您回复,祝您生活愉快!

相关问题