White View Title When Changing Between Abstract Page

Evening,

First of all, im newbie in using this framework.

i have a slight problem with the view title between two abstract page. it like some sort of a white flickering (i happen about few millisecond) in android device platform (chrome web-view and in android device itself). it obviously can be seen when using colored nav-bar (). This doesn’t happen if i change to apple devices web-view.

below is route provider

.config(function ($stateProvider, $urlRouterProvider) {
$stateProvider

    .state('app', {
    url: '/app',
    abstract: true,
    templateUrl: 'templates/menu.html',
    controller: 'AppCtrl'
})

.state('app.search', {
    url: '/search',
    views: {
        'menuContent': {
            templateUrl: 'templates/search.html'
        }
    }
})

.state('app.browse', {
        url: '/browse',
        views: {
            'menuContent': {
                templateUrl: 'templates/browse.html'
            }
        }
    })
    .state('app.playlists', {
        url: '/playlists',
        views: {
            'menuContent': {
                templateUrl: 'templates/playlists.html',
                controller: 'PlaylistsCtrl'
            }
        }
    })

.state('app.single', {
    url: '/playlists/:playlistId',
    views: {
        'menuContent': {
            templateUrl: 'templates/playlist.html',
            controller: 'PlaylistCtrl'
        }
    }
})

.state('dashboard', {
    url: '/dashboard',
    abstract: true,
    templateUrl: 'templates/dashboard-menu.html',
    controller: 'AppCtrl'
})

.state('dashboard.home', {
    url: '/home',
    views: {
        'menuContent': {
            templateUrl: 'templates/dashboard-home.html'
        }
    }
})

;
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/app/playlists');

});

help me please.