Locker doesn't work on iOS 11. (but works great on Android)

iOS: 13.1 React: 16.9.0 React Native: 0.61.5 react-native-orientation-locker: 1.1.8

componentDidMount() {
    Orientation.lockToLandscapeLeft();
}

componentWillUnmount() {
    Orientation.lockToPortrait();
}

**The above locker function works great on Android but not on iOS

In iOS, when entering componentDidMount(), the orientation is changed to the landscape and then changed back to the original one. (isn’t locked to landscape)

I wonder the following native code line has a wrong or not.**

// Orientation.m
...
- (void)lockToOrientation:(UIInterfaceOrientation) newOrientation usingMask:(UIInterfaceOrientationMask) mask  {
    // set a flag so that no deviceOrientationDidChange events are sent to JS
    _isLocking = YES;
    NSString* orientation = @"orientation";
    
    UIInterfaceOrientation deviceOrientation = _lastDeviceOrientation;
    
    [Orientation setOrientation:mask];
    UIDevice* currentDevice = [UIDevice currentDevice];
    
    [currentDevice setValue:@(UIInterfaceOrientationUnknown) forKey:orientation];
    [currentDevice setValue:@(newOrientation) forKey:orientation];
    //----------------- changed to landscape------------------------

    // restore device orientation
    [currentDevice setValue:@(deviceOrientation) forKey:orientation];
    //--------------but changed back to original one------------------

    [UIViewController attemptRotationToDeviceOrientation];
    
    [self sendEventWithName:@"lockDidChange" body:@{orientation: [self getOrientationStr:newOrientation]}];
    
    _isLocking = NO;
}

check the video

What is the solution?

[kmagilavy]

I was having the same issue. Experiencing it on v1.1.8. Downgraded to v.1.1.7 and same thing.

The problem was copy/paste. When I added the lines to my AppDelegate.m file I accidentally included a plus sign on the first line when it should have been -

+(UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window { return [Orientation getOrientation]; }

The app still compiled and ran no problem but the orientation locks would flip back to portrait immediately. After removing the plus sign and switching it to -, it held its locked position. I can reproduce the issue by adding the plus sign back in.

-(UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window { return [Orientation getOrientation]; }

Double-check your AppDelegate.m file and make sure none of the plus signs came along for the ride when you copy/pasted.

[amirbhz86]

Be sure to place this function before the last “end”

- (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window {
  return [Orientation getOrientation];
}