cordova-plugin-screen-orientation 在特定页面上不起作用

Question

我只需要在一个视图上允许两个方向，但其他 10 个视图的其余部分应锁定为纵向。我不介意通过将我的 10 个视图的控制器中的每一个都设置为锁定纵向来单调乏味地执行此操作。但我似乎无法让屏幕方向插件工作。

我使用 CLI 安装插件（安装成功）

然后这是代码

config.xml：

<preference name="Orientation" value="default"/>

控制器：（这不起作用）

.controller('ProfileCtrl', function($scope, $state, $stateParams, $ionicHistory, $rootScope, $ionicPopup, $ionicPlatform) {

$ionicPlatform.ready(function() {
    screen.lockOrientation('landscape');
});

提前致谢:)

Answer 1

您应该先检查 Cordova 是否已加载。

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    screen.lockOrientation('portrait');
}

或者因为您使用的是 Ionic：

$ionicPlatform.ready(function() {
    screen.lockOrientation('portrait');
});

（对于后者，请务必注入 $ionicPlatform 依赖项。）

Answer 2

使用下面的代码，它会按预期工作

screen.orientation.lock('landscape');

Answer 3

查看本教程。它帮助我解决了同样的问题： https://topherpedersen.blog/2019/09/26/cordova-screen-orientation-lock-plugin-not-working/

// Lock Device Orientation
function lockDeviceOrientationCallback() {
    // set to either landscape
    screen.orientation.lock('portrait');
    console.log("locking device orientation...");
}
document.addEventListener("deviceready", lockDeviceOrientationCallback, false);

解决方案类似于上面在设备准备好时设置事件侦听器的答案。我发现这个效果更好，因为 cordova 已经有一个设备就绪的监听器，我似乎可以继续使用它。

Answer 4

我把它放在Interval中并且它起作用了：

let ticks = setInterval((timer),10);
function timer() {
    function lockDeviceOrientationCallback() {
        // set to either landscape
        screen.orientation.lock('portrait');
        console.log("locking device orientation...");
    }
    document.addEventListener("deviceready", lockDeviceOrientationCallback, false);
}