Skip to content

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

@yuyanteng

Description

@yuyanteng

相关平台

微信小程序

复现仓库

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 

Metadata

Metadata

Assignees

No one assigned

    Labels

    F-reactFramework - ReactT-weappTarget - 编译到微信小程序V-3Version - 3.x

    Type

    No type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions