最近公司想做一个运动APP,主题色是深色,前期一直搞页面实现去了,也没真机调试。结果今天一看,好家伙,每个页面跳转都要闪白一下。还好我熟练掌握面向百度编程,找到了官方解决方案。
然而大部分页面都没问题了,就一个加载图表的页面和一个城市选择的页面第一次打开不闪白,第二次闪白。
这个页面中城市列表有3000多行,猜测是页面加载慢的问题。在论坛中也有老哥在报的bug中提到
找不到解决方案,只能换种思路,为什么第一次不闪白,第二次闪白呢。然后我就尝试使用uni.reLaunch进行页面跳转,就不闪白了。
selectCity() {
uni.reLaunch({
url: '../selectCity/selectCity'
})
}
不过这样就没有系统自带的返回按钮了,只能自己重写左上角返回按钮。
// pages.json
{
"pages": [
{
"path": "pages/selectCity/selectCity",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": false,
"app-plus": {
"titleNView": {
"titleSize": "14px",
"titleText": "城市选择",
"buttons": [{
"text": "返回",
"fontSize": "14px",
"width": "auto",
"float": "left"
},{
"text": "成都",
"fontSize": "14px",
"width": "auto",
"float": "right"
}, {
"text": "\ue627",
"fontSize": "18px",
"fontSrc": "/static/iconfont/iconfont.ttf",
"float": "right"
}]
},
"background": "#121212"
}
}
}
]
}
// selectCity.vue
onNavigationBarButtonTap(e) {
if (e.index == 0) {
uni.reLaunch({
url:'../weather/weather'
})
}
}
到此暂时解决了第二次闪白问题,头太秃了,希望没有什么其他的坑吧。