uni.reLaunch跳转页面都会闪一下白屏怎么解决？
我吃柠檬
- 发布：2019-04-01 10:35
- 更新：2019-12-25 08:49
- 阅读：7733
5 个回复
3***@qq.com
像这种，app首次进入首页，引导页过后点击立即体验，必须要uni.reLaunch（为了兼容安卓返回），但是会显示一个空白页面在跳转
同问，安卓跟ios都是一样的会闪一下，体验极其不好，官方有解决方法吗；
8***@qq.com - 萌新实习生
同问 我的是微信小程序，需求是退出账号后relaunch到登录页面 过程中也是会闪屏 ，不用relaunch的话手机侧滑可以返回上一页，也是没有很好的解决办法
1***@qq.com - 有问题一起解决
同问。问题解决了吗？
1***@qq.com - 有问题一起解决
ios跳转有闪屏。安卓的正常
3***@qq.com
自己稍微改了下，首页App启动图配置，把等待首页渲染完毕那个勾上；
在App.vue 里面，判断是否第一次启动app,如果是跳转引导页，
onLaunch: function() {
console.log('App Launch');
var isGuide = uni.getStorageSync('isGuide');
if(!isGuide){
uni.redirectTo({
url: '/pages/index/guide'
});
return false;
}
}
然后guide.vue 立即体验跳转 ---
uni.setStorage({key: 'isGuide',data: true});
uni.reLaunch({url: '../home/index'}); //关闭所有页面，跳转首页
如果不是第一次，我这里配置的入口页直接是首页"pages/home/index 不是pages/index/index（这里就没用到它了）页面;
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/home/index",
"enablePullDownRefresh" : false, // 不开启下拉刷新, 默认就是false
"onReachBottomDistance" : 50, // 页面上拉触底事件触发时距页面底部距离, 默认 50
"style": {
"app-plus":{
"bounce" : "none",// 取消iOS回弹,避免和下拉刷新冲突 (小程序无法取消)
"titleNView":false
}
}
},
测试后，体验效果比原来好很多