离子标签在标签之间显示白色背景,持续时间不到一秒钟

时间:2015-02-06 06:49:30

标签: angularjs ionic

我试图找到解决这个白色背景问题的方法但是在搜索并测试了所有答案之后,没有任何效果。

<ion-tab title="News" icon-off="ion-android-earth" icon-on="ion-android-earth" href="#/tab/news">
        <ion-nav-view name="tab-news"></ion-nav-view>
        <ion-view>
            <ion-nav-bar class="hackbg">
            </ion-nav-bar>
        </ion-view>
    </ion-tab>

即便如此,当我浏览标签时,我可以看到白色背景只有几分之一秒,如果你让我皱眉,这真的很烦人

我有4个标签,其中3个从http来电中获取动态数据,最后一个标签会加载带有YouTube视频的iframe。当我启动应用程序并浏览任何选项卡时,我可以看到恼人的白色背景。现在,如果我第一次点击4选项卡(iframe视频),我也会看到白色背景,只需几分之一秒。但是,如果我导航到另一个选项卡(也就是说,我也会看到白色背景),然后我回到视频选项卡,然后我将再看到白色背景。所有其他3个选项卡我将始终看到白色背景,与我访问选项卡部分的时间无关。

我的各个标签页如下所示:

<ion-view hide-nav-bar="true" class="hackbg">
    <ion-header-bar class="bar-positive bar-header" align-title="left">
        <h1 class="title">Logo...</h1>
        <div class="buttons pull-right">
            <button ng-click="go1()" class="button button-icon icon  ion-ios7-1"></button>
            <button ng-click="go2()" class="button button-icon icon  ion-ios7-2"></button>
            <button ng-click="go3()" class="button button-icon icon  ion-ios7-3"></button>
            <button class="button button-icon ion-android-more" ng-click="popover.show($event)"></button>
        </div>
    </ion-header-bar>
...

正如你所看到的,我还在离子视图上添加了hackbg,希望能解决这个问题,但事实并非如此。

我已尝试/捕获所有代码,试图查看代码中是否有错误,这就是白色背景的原因。但是,没有运气,我在任何地方都没有看到任何错误。

如果我从导航中转到各个页面(例如,查看go1()等按钮,我看不到任何白色背景)。问题仅与选项卡有关。

啊,我的启动画面在加载我的启动画面后也会在几分之一秒内显示白色背景。我也去了谷歌所有可能的解决方案,但没有人做到这一点。我还经历了我在stackoverflow上找到的所有可能的答案,但没有做到这一点。

我的.run包含以下内容:

 $ionicPlatform.ready(function () {
        setTimeout(function () {
            navigator.splashscreen.hide();
        }, 6000

我将延迟延长到6000,希望它会使白色背景消失。它没有。有趣的是,有时你会看到它更长,有时甚至非常快。这不一致。

有谁知道我可以尝试修复此问题的另一个技巧?

1 个答案:

答案 0 :(得分:0)

我认为这是不可能的,因为Ionic页面只加载一次。