Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

使用Swiper,开启衔接如果用previousMargin nextMargin 那么第一个右滑滚动到最后一个,previousMargin的那一张会闪烁,如果根据用户的滑动距离对上一张或下一张放大缩小,会闪烁几次 #16507

Open
yuyanteng opened this issue Sep 10, 2024 · 0 comments
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x

Comments

@yuyanteng
Copy link

相关平台

微信小程序

复现仓库

https://github.com/hpsoar/taro_harmony_app_init.git
小程序基础库: 3.5.3
使用框架: React

复现步骤

使用taro的轮播图,
开启衔接
如果用previousMargin nextMargin 那么第一个右滑滚动到最后一个,最后一个的上一个闪烁一下,
如果根据用户的滑动距离对上一张或下一张放大缩小,SwiperItem下的View会进行style的变化
示例 如根据用户滑动距离transform: scale(${c}),将这个值赋予style会存在闪烁几次的问题

期望结果

向右滑动,previousMargin露出的,不闪烁。
支持用户滑动距离,对SwiperItem进行变化

实际结果

向右滑动,previousMargin露出的闪烁。
不支持根据用户手动滑动,而变化

环境信息

  Taro CLI 3.6.25 environment info:
    System:
      OS: macOS 14.1.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node
      Yarn: 1.22.17 - /usr/local/bin/yarn
      npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.6.34 => 3.6.34 
      @tarojs/components: 3.6.34 => 3.6.34 
      @tarojs/helper: 3.6.34 => 3.6.34 
      @tarojs/plugin-framework-react: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-alipay: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-h5: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-jd: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-qq: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-swan: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-tt: 3.6.34 => 3.6.34 
      @tarojs/plugin-platform-weapp: 3.6.34 => 3.6.34 
      @tarojs/react: 3.6.34 => 3.6.34 
      @tarojs/runtime: 3.6.34 => 3.6.34 
      @tarojs/shared: 3.6.34 => 3.6.34 
      @tarojs/taro: 3.6.34 => 3.6.34 
      @tarojs/taro-loader: 3.6.34 => 3.6.34 
      @tarojs/webpack5-runner: 3.6.34 => 3.6.34 
      babel-preset-taro: 3.6.34 => 3.6.34 
      eslint-config-taro: 3.6.34 => 3.6.34 
      react: ^18.0.0 => 18.3.1 
@yuyanteng yuyanteng changed the title 衔接如果用previousMargin nextMargin 那么第一个右滑滚动到最后一个,闪烁,如果根据用户的滑动距离对上一张或下一张放大缩小,会闪烁几次 使用Swiper,开启衔接如果用previousMargin nextMargin 那么第一个右滑滚动到最后一个,previousMargin的那一张会闪烁,如果根据用户的滑动距离对上一张或下一张放大缩小,会闪烁几次 Sep 10, 2024
@TheKonka TheKonka added V-3 Version - 3.x F-react Framework - React T-weapp Target - 编译到微信小程序 labels Sep 10, 2024
This was referenced Sep 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x
Projects
Status: Todo
Development

No branches or pull requests

2 participants