ionic 切换tabs 时出现的白屏问题

来源：互联网发布：淘宝旧版本6.5.0下载编辑：程序博客网时间：2024/06/02 02:54

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">在用ionic框架时，往往在切换tab的时候出现短暂的白屏闪一下，非常影响用户体验，这个问题纠结了好久也没有找到解决办法，后来在ionic的bug issue中看见了关于这个的issue，分享给大家 。 里面提到一种解决办法，亲自试验有效，但是却不是一个很合适的办法：</span>

在boundle,js中，修改 $viewWatcher对应的factory中的代码：

$timeout(function() {              ionic.requestAnimationFrame(onReflow);            });

这段代码中使用了timeout，造成了上一个view已经消失，但是下一个view还没有渲染出现的尴尬白屏，因此将timeout去掉，大大改善了效果。

              ionic.requestAnimationFrame(onReflow);

参考issue: https://github.com/driftyco/ionic/issues/3907

0 0