ion-tabs 在 android 上闪现以前的视图

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', { 网址：“/个人”， 意见：{ “个人资料详细信息”：{ templateUrl: "app/profile/views/membersPersonalDetails.html", 控制器：“成员控制器” } } })

        .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。