NervJS/taro

VirtualList 真机卡顿抖动

Closed this issue · 0 comments

相关平台

微信小程序

复现仓库

https://github.com/yangyuedev/VirtualList-demo.git
小程序基础库: 3.4.3
使用框架: React

复现步骤

  1. 克隆代码,运行

  2. 代码位置 click here

参考自官方示例
示例过于简单,在真机没那么明显,稍复杂的 UI就会明显卡顿抖动,模拟器看不出来(不知道为什么)

期望结果

无卡顿抖动现象,可以平滑的滚动

实际结果

卡顿抖动

环境信息


  Taro CLI 3.6.24 environment info:
    System:
      OS: macOS 14.4.1
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 20.12.1 - /usr/local/bin/node
      npm: 10.5.0 - /usr/local/bin/npm
    npmPackages:
      @tarojs/cli: 3 => 3.6.24 
      @tarojs/components: 3 => 3.6.24 
      @tarojs/helper: 3 => 3.6.24 
      @tarojs/plugin-framework-react: 3 => 3.6.24 
      @tarojs/plugin-platform-alipay: 3 => 3.6.24 
      @tarojs/plugin-platform-h5: 3 => 3.6.24 
      @tarojs/plugin-platform-jd: 3 => 3.6.24 
      @tarojs/plugin-platform-qq: 3 => 3.6.24 
      @tarojs/plugin-platform-swan: 3 => 3.6.24 
      @tarojs/plugin-platform-tt: 3 => 3.6.24 
      @tarojs/plugin-platform-weapp: 3 => 3.6.24 
      @tarojs/react: 3 => 3.6.24 
      @tarojs/runtime: 3 => 3.6.24 
      @tarojs/shared: 3 => 3.6.24 
      @tarojs/taro: 3 => 3.6.24 
      @tarojs/taro-loader: 3 => 3.6.24 
      @tarojs/webpack5-runner: 3 => 3.6.24 
      babel-preset-taro: 3 => 3.6.24 
      eslint-config-taro: 3 => 3.6.24 
      react: ^18 => 18.2.0