taro icon indicating copy to clipboard operation
taro copied to clipboard

智能小程序web话真机预览闪屏

Open Vinsurs opened this issue 2 years ago • 1 comments

相关平台

百度小程序

小程序基础库: 3.500.9 使用框架: React

复现步骤

  1. 长按web化小程序页面,页面会整个闪白屏
  2. 只要触发了setState数据更新,页面会闪屏并重新定位到页头

期望结果

1.长按web化小程序页面, 页面不会闪白屏 2.触发了setState数据更新后,页面不会闪屏且不会重新瞬间滚动到页头

实际结果

  1. 长按web化小程序页面,页面会整个闪白屏
  2. 只要触发了setState数据更新,页面会闪屏并重新定位到页头

环境信息

Taro CLI 3.4.12 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.12.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.10 - C:\Program Files\nodejs\yarn.CMD
      npm: 8.3.0 - C:\Program Files\nodejs\npm.CMD

补充信息

目前页面使用的是class component;setState后必现以上描述问题。望官方给个解决方案?感谢

Vinsurs avatar Jul 29 '22 09:07 Vinsurs

补充

render(): React.ReactNode {
        return (
            <View>
                <View>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Doloribus vitae debitis alias quae libero. Placeat aliquam quos harum repellat deserunt asperiores quaerat porro, numquam nemo provident laboriosam esse illo vel.
                </View>
            </View>
        )
    }

这是最简单的结构,百度小程序web化预览只要点击页面就会闪屏,这个bug要怎么解决呢?

Vinsurs avatar Jul 29 '22 10:07 Vinsurs