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

<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,希望它将使白色背景消失。没有。有趣的是,有时您看到的时间更长,有时又很快。这是不一致的。

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

最佳答案

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

关于angularjs - ionic 选项卡在选项卡之间显示白色背景,持续时间不到一秒,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28360100/

10-12 02:08