离子/ cordova屏幕方向不起作用

Question

I've been developing an ionic app and it requires all but one screen to be locked in portrait mode. So I added the screen orienation plugin via

cordova plugin add cordova-plugin-screen-orientation

Then I added the supposedly simple line of code

window.screen.lockOrientation('portrait'); //does not work

tried this aswell screen.lockOrientation('portrait'); //does not work

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

with $ionicPlatform dependency included //does not work

Seems pretty straight forward but nothing is working

Any help would be greatly appreciated..Thanks :)

Answer 1

You can reliably lock the orientation of the screen in the config files of your cordova project. Just use

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

If you want to be more flexible and change it dependant to the current view. Go in the config files and add an orientation : 'portrait' attribute to the respective views. Afterwards simply declare:

 if(toState.orientation == 'portrait') {
 screen.lockOrientation('portrait');
 }

If that still doesn't work, try an implementation with another plugin. This seems to be a fair altervative with a slightly different approach: https://github.com/Adlotto/cordova-plugin-recheck-screen-orientation