Question

我发现当使用Android设备上的ion-tabs在视图之间导航时，我会在导航到我选择的选项卡之前获得前一个视图的简短闪光。这不会发生在IOS设备上。

这是我的标签代码：

    <ion-tab title="{{ 'personal' | translate }}" icon-off="ion-ios-person" icon-on="ion-ios-person" ui-sref="app.memberDetails">
        <ion-nav-view name="profile-details"></ion-nav-view>
    </ion-tab>
    <ion-tab title="{{ 'contacts' | translate }}" icon-off="ion-ios-telephone" icon-on="ion-ios-telephone" ui-sref="app.contact" >
        <ion-nav-view name="profile-contact"></ion-nav-view>
    </ion-tab>
    <ion-tab title="{{ 'banking' | translate }}" icon-off="ion-card" icon-on="ion-card" ui-sref="app.banking">
        <ion-nav-view name="profile-banking"></ion-nav-view>
    </ion-tab>
    <ion-tab title="{{ 'employer' | translate }}" icon-off="ion-ios-briefcase" icon-on="ion-ios-briefcase"  ui-sref="app.employer">
        <ion-nav-view name="profile-employer"></ion-nav-view>
    </ion-tab>
    <ion-tab title="{{ 'comm' | translate }}" icon-off="ion-email" icon-on="ion-email" ui-sref="app.communication" >
        <ion-nav-view name="profile-communication"></ion-nav-view>
    </ion-tab>     
</ion-tabs>

这是我的州代码：

.state（'app.memberDetails'，{ url：“/ personal”，观点：{ 'profile-details'：{ templateUrl：“app / profile / views / membersPersonalDetails.html”， controller：'membersController' } } }）

        .state('app.contact', {
            url: "/contact",
            views: {
                'profile-contact': {
                    templateUrl: "app/profile/views/contactDetails.html",
                    controller: 'membersController'
                }
            }
        })

        .state('app.banking', {
            url: "/banking",
            views: {
                'profile-banking': {
                    templateUrl: "app/profile/views/bankingDetails.html",
                    controller: 'membersController'
                }
            }
        })

        .state('app.employer', {
            url: "/employer",
            views: {
                'profile-employer': {
                    templateUrl: "app/profile/views/employerDetails.html",
                    controller:'employersController'
                }
            }
        })

        .state('app.communication', {
            url: "/communication",
            views: {
                'profile-communication': {
                    templateUrl: "app/profile/views/communication.html"
                    //controller:'communicationController'
                }
            }
        })

Answer 1

我们遇到同样的问题，我们的解决方案是使用https://github.com/shprink/ionic-native-transitions而不是调用$state.go，我们会调用$ionicNativeTransitions.stateGo。并将ui-sref替换为native-ui-sref。

ion-tabs闪烁了android上的前一个视图

1 个答案: