android - 根据屏幕方向隐藏 Ionic Framework Header

Question

我想问一下，当屏幕方向从纵向变为横向时，是否有办法在特定 View 上隐藏 ionic 框架的导航栏。

Answer 1

是的，你可以，这很容易。

这是隐藏导航栏需要触发的函数:

$ionicNavBarDelegate.showBar(false); 

当然，在适当的 Controller 中执行。

这个公式的第二部分是Cordova Orientation插件，点击here .

所以当结合起来你会想要这样的东西:

if(screen.orientation == 'landscape') {
    $ionicNavBarDelegate.showBar(false); 
}

还有一种 JavaScript 方法可以检测方向，但在某些设备上它是一种碰运气的解决方案。 Cordova 插件是更安全的解决方案。

这还不是全部，如果用户在 View 初始化后改变方向会怎样:

window.addEventListener('orientationchange', doOnOrientationChange);

// Initial execution if needed
doOnOrientationChange();

function doOnOrientationChange()
{
    if(screen.orientation == 'landscape') {
        $ionicNavBarDelegate.showBar(false); 
    }        
}