<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