我吃柠檬
我吃柠檬
  • 发布:2019-04-01 10:35
  • 更新:2019-12-25 08:49
  • 阅读:6406

uni.reLaunch跳转页面闪一下白屏

分类:uni-app

uni.reLaunch跳转页面都会闪一下白屏怎么解决?

2019-04-01 10:35 负责人:无 分享
已邀请:
3***@qq.com

3***@qq.com

像这种,app首次进入首页,引导页过后点击立即体验,必须要uni.reLaunch(为了兼容安卓返回),但是会显示一个空白页面在跳转

同问,安卓跟ios都是一样的会闪一下,体验极其不好,官方有解决方法吗;

8***@qq.com

8***@qq.com - 萌新实习生

同问 我的是微信小程序,需求是退出账号后relaunch到登录页面 过程中也是会闪屏 ,不用relaunch的话手机侧滑可以返回上一页,也是没有很好的解决办法

1***@qq.com

1***@qq.com - 有问题一起解决

同问。问题解决了吗?

1***@qq.com

1***@qq.com - 有问题一起解决

ios跳转有闪屏。安卓的正常

3***@qq.com

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
}
}
},

测试后,体验效果比原来好很多

要回复问题请先登录注册