uni-app 页面跳转返回来时会出现一闪而过的白边影响体验

更多关于uni-app 页面跳转返回来时会出现一闪而过的白边影响体验的实战教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 1楼作者

别的手机感觉就没这么明显，就这手机会出现这样

更多关于uni-app 页面跳转返回来时会出现一闪而过的白边影响体验的实战教程也可以访问 https://www.itying.com/category-93-b0.html

htzhanglong 2楼作者

看起来像是webview的滚动条

回复 DCloud_Android_ST: 我试过了就算是啥内容都没有就两个文字跳转也是会出现白条

回复木杉丶: 去掉滚动条试了没设置scrollIndicator 具体看下文档

回复 DCloud_Android_ST: 还是会有，全局设置单个页面对应设置属性"scrollIndicator": "none"都没有用，而且就是这个手机有问题别的同事华为没这么明显不知道啥情况，不过我改成nvue页面后就不会出现闪屏白条，准备去改成nvue了。

回复木杉丶: 你可以提供下demo 我们找些设备看看能不能复现问题排查一下原因

回复 DCloud_Android_ST: 传了一个demo，我用另一个荣耀系列的手机其实也不会出现这问题，就这一加9r的这款点击跳转就会出现不知道为什么，demo里面的按钮一个是nvue的跳转，一个是vue的跳转，nvue的不会出现，vue页面的就会出现闪屏白边

这个问题通常是由于页面切换动画与页面背景色不匹配导致的。以下是几种解决方案：

设置全局背景色：在 App.vue 的 style 中设置全局背景色，确保与页面背景一致。
```
page {
  background-color: #f8f8f8; /* 与页面背景色一致 */
}
```
禁用页面动画：在 pages.json 中为页面配置禁用动画。
```
{
  "style": {
    "animationType": "none"
  }
}
```

使用 uni.navigateBack 时配置动画：在返回时指定动画类型。

uni.navigateBack({
  animationType: 'pop-out',
  animationDuration: 200
});

uni-app 页面跳转返回来时会出现一闪而过的白边 影响体验