Navigating to new screen and lockToLandscape() immediatelly doesn't rotate on iOS

When using react-navigation 6, navigating to a screen and having this code doesn’t rotate screen.

useEffect(() => {
    Orientation.lockToLandscape()
}, [])

It only works with timeout over 500 (in my case).

[Amol-B-Patil]

Not any of the solutions listed above worked for me on iOS 13, 14 and 15.

For now I solved the problem by adding setTimeout to lock the screen orientation.

setTimeout(() => {
      Orientation.lockToLandscape();
    }, Platform.select({
  android: 0,
  ios: 600,
}));

On Android, the app automatically locks into the landscape mode so I put the timeout as 0. On iOS, tweak the timeout between 600 to 1000 as per your need, it will automatically rotate the app in landscape mode (It will work for switching from landscape to portrait too).

This will work as expected.

Thank you!

[achang0406]

adding shouldAutoRotate fixed my problem