@capacitor/screen-orientation not working on Android

Capacitor
1

Using @capacitor/screen-orientation 5.0.7 with the listener “screenOrientationChange” works fine on iOS but not on Android. Any ideas why?

Android stays in portrait and does not display the console log “Orientation changed”.

ScreenOrientationCap.addListener('screenOrientationChange', (event) => {
      console.log('Orientation changed:', event);

      if (event.type === 'landscape-primary' || event.type === 'landscape-secondary') {
        console.log('landscape')
        this.landscapeOrientation = true;
        this.getMembershipPackage();
      } else {
        console.log('portrait')
        this.landscapeOrientation = false;
      }
    });

It seems to add the listener fine:
image

2

I had the same issue, switched to: Capacitor Screen Orientation Plugin - Capawesome, works great!

3 Likes
3

Thanks I will give it a try. I logged an issue here: @capacitor/screen-orientation not working on Android · Issue #2132 · ionic-team/capacitor-plugins · GitHub

4

The event only fires if the app screen rotates, if it’s not rotating something is blocking the rotation.

Did you use the plugin’s lock method? in that case, call unlock to allow rotation.

If that doesn’t solve the issue, maybe you have the rotation locked for your device?

1 Like
5

I don’t have the auto-rotate locked on the device but it turns out I did lock it in portrait using
import { ScreenOrientation } from ‘@ionic-native/screen-orientation/ngx’;

Because this worked on iOS I just assumed it would also work on Android.
Mystery solved!