@tsapeta @behenate Can I try this out in a nightly build? Does Expo build nightly?

For example, can I do this:

yarn add expo-screen-orientation@nightly

@watadarkstar we don't build nightlies yet, but I'm going to publish some packages today, including expo-screen-orientation 😉 I'll let you know here!

@watadarkstar
It's out in 6.0.0-beta.1, you can use yarn add expo-screen-orientation@next to install it 🙂
Let us know your feedback 😊

I couldn't seem to get this working when installing the pods, with SDK44 (bare workflow) - can't update at the moment unfortunately:

Command `pod install` failed.
└─ Cause: Failed to load 'ExpoScreenOrientation' podspec: 
[!] Invalid `ExpoScreenOrientation.podspec` file: undefined method `install_modules_dependencies' for Pod:Module.

@liquidvisual
I'm sure it will not work with that old SDK version. The install_modules_dependencies method comes from React Native and was added probably in 0.71.
I would recommend upgrading to this version and Expo SDK 48 (49 will be out in a few weeks though).

Am able to rotate orientation using ScreenOrientation.lockAsync(orientationLock), but it doesnt lock it. If I rotate my phone then orientation changes accordingly.

@singh-sukhmanjit What iOS version are you using, also are you using expo go or bare workflow? Code which you are using to lock the screen would be helpful too.

@behenate @tsapeta I tested this on an iPhone 12 mini on iOS 16.2 using the package 6.0.0-beta.1 and its working great. Thank you! 🙏

I did yarn add expo-screen-orientation@next to install it.

@behenate @tsapeta Any idea when this will go into an actual release?

@watadarkstar
Thanks for the feedback! If it works for you, I think you can already use it 😉 We'll probably release the exact same version as stable v6 next week and it will be included in SDK 49 (at the end of the month).

@behenate Am trying it on iPad (8th generation) iPadOS 16.1 with Expo SDK 48 bare workflow. Am using ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE_LEFT); to lock the screen. Info.plist includes:

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationPortrait</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>
</array>

@singh-sukhmanjit Have you set the "requireFullScreen" option to true in app.json?
You can also try setting it to true directly in Info.plist.

@behenate yes, it is set but still the behavior is same.

still not work no ios 16.2 iphone simulator (bare workflow)

xcode log

2023-06-17 12:16:14.903751+0800 app[32163:174205] [Orientation] BUG IN CLIENT OF UIKIT: Setting UIDevice.orientation is not supported. Please use UIWindowScene.requestGeometryUpdate(_:)

my env：

system:
    OS: macOS 12.6.3
    CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
    Memory: 27.57 MB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.10.0 - ~/.nvm/versions/node/v16.10.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v16.10.0/bin/yarn
    npm: 7.24.0 - ~/.nvm/versions/node/v16.10.0/bin/npm
    Watchman: 2023.05.22.00 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.12.1 - /Users/jasonz/.rbenv/shims/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 22.2, iOS 16.2, macOS 13.1, tvOS 16.1, watchOS 9.1
    Android SDK:
      Android NDK: 23.0.7344513-beta4
  IDEs:
    Android Studio: 2021.2 AI-212.5712.43.2112.8609683
    Xcode: 14.2/14C18 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.18 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.2.0 => 18.2.0
    react-native: 0.71.8 => 0.71.8
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

package.json

   "expo-screen-orientation": "^6.0.0-beta.1",
   "expo": "~48.0.18",

@jasonz1987
I managed to replicate your issue. The problem is that the expo-modules-core part of the audit hasn't been published yet and in some cases its crucial for the screen-orientation module to work correctly. The necessary code change is small and has already been merged, but you will have to wait a bit until we publish it #22599.
For now you can try to paste the code from the PR into ExpoAppDelegate.swift rebuild the project and see if it works correctly for you.

It is also possible that your app.json is not configured correctly. If your app.json contains the following line: "orientation": "portrait" you should remove it and then add configuration line for the config plugin with your desired initial orientation lock example. Then run npx expo prebuild and rebuild your project.

As for the error it is most likely caused by react-native-screens (they are used by react-navigation if you are using it) which is still trying to use the old orientation API on newer iOS versions, this shouldn't have any impact on expo-screen-orientation. If you install 3.21.0 version of react-native-screens the error shouldn't appear anymore.

@behenate the pr #22599 works, thanks a a lot.

Expo: "~48.0.15"
expo-screen-orientation: "~5.1.1"
IOS Simulator: Iphone 14 Pro Max / v16.4
Real Device: Iphone 11 / v16.6

app.json in orientation deleted

app.json plugins in added
[
"expo-screen-orientation",
{
"initialOrientation": "DEFAULT"
}
],

await ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.LANDSCAPE);

It works fine on the simulator but not on the real device, has anyone solved this problem?

@ycldz
Hi, please upgrade to SDK 49 and screen orientation 6.0.5 and try again. (Don't upgrade only ScreenOrientation as it relies on some changes made in SDK 49)

Also please don't leave three identical comments in three different places

@behenate unfortunately it doesn't work on expo 49 either.

@behenate I save the code in the editor, the screen does not refresh on the device and the console.log code does not work thank you :D

@ycldz Are you using managed or bare workflow? I tested in a bare workflow with this app https://github.com/behenate/screen-orientation-demo and it seems to be working fine

it doesn't work on expo 49 either.

@ycldz Are you using managed or bare workflow? I tested in a bare workflow with this app https://github.com/behenate/screen-orientation-demo and it seems to be working fine

The reproduction of this issue requires the simultaneous use of screen-orientation and react-navigation.

export const useLandscape = () => {
  useEffect(() => {
      void InteractionManager.runAfterInteractions(() => {
        void ScreenOrientation.lockAsync(
          ScreenOrientation.OrientationLock.LANDSCAPE_RIGHT,
        );
        // ...long-running synchronous task...
      });

    return () => {
      void InteractionManager.runAfterInteractions(() => {
        void ScreenOrientation.lockAsync(
          ScreenOrientation.OrientationLock.PORTRAIT_UP,
        );
        // ...long-running synchronous task...
      });
    };
  }, []);
};

Putting this feature on the page after the push will have a certain probability of recurring.