[SDK 39] StatusBar not respecting device orientation (iOS)

Although I set the orientation to “portrait” in app.json, the statusbar still rotates in the Expo Client … same issue as this one on SDK 37: https://github.com/expo/expo/issues/933#issue-272031776

Adding:

ScreenOrientation.lockAsync(
   ScreenOrientation.OrientationLock.PORTRAIT
)

in App.js didn’t change anything.

[xavax31]

Reproducible sample: minimal expo app with only expo-screen-orientation package added. Tested on: expo go client 2.19.6.1011482 (last at today) exposdk 41.0.0 iphone se (1st generation) ios 14.4.2

Problem is only on ios.

NOTE : I made a snack too with same code, and it’s working when I use it. BUT if I download snack project and test it, error comes back. What can be the reason? https://snack.expo.io/@xavax/orientation-bug-on-ios

import { StatusBar } from "expo-status-bar";
import React, { useEffect } from "react";
import { StyleSheet, Text, View } from "react-native";
import * as ScreenOrientation from "expo-screen-orientation";

export default function App() {
	useEffect(() => {
		(async () => {
			await ScreenOrientation.lockAsync(
				ScreenOrientation.OrientationLock.PORTRAIT_UP
			);
		})();
	}, []);

	return (
		<View style={styles.container}>
			<Text>Orientation Test</Text>
			<Text>
				On ios, if I turn the device, this text don't move but
				statusBar turns, either ScreenOrientation is locked to
				PORTRAIT_UP
			</Text>
			<StatusBar style="auto" />
		</View>
	);
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: "#fff",
		alignItems: "center",
		justifyContent: "center",
	},
});

https://user-images.githubusercontent.com/4051022/122367112-701fb880-cf5c-11eb-92b3-e8ed1ce5348a.mp4

[lc3t35]

It is still the same with SDK40