expo: Expo Camera - Incorrect orientation of captured photo if device orientation is locked

I was able to fix this on iOS with the expo-image-manipulator. It’s a little hacky but it works.

import { manipulateAsync } from "expo-image-manipulator";

const fixRotation = async (uri: string) => {
  const result = await manipulateAsync(uri, [{ rotate: 0 }]);
  return result.uri;
};

Hi there! It looks like your issue requires a minimal reproducible example, but it is invalid or absent. Please prepare such an example and share it in a new issue.

The best way to get attention to your issue is to provide a clean and easy way for a developer to reproduce the issue on their own machine. Please do not provide your entire project, or a project with more code than is necessary to reproduce the issue.

A side benefit of going through the process of narrowing down the minimal amount of code needed to reproduce the issue is that you may get lucky and discover that the bug is due to a mistake in your application code that you can quickly fix on your own.

Resources

• “How to create a Minimal, Reproducible Example”
• “How to narrow down the source of an error”

Common concerns

“I’ve only been able to reproduce it in private, proprietary code”

You may not have spent enough time narrowing down the root cause of the issue. Try out the techniques discussed in this manual debugging guide to learn how to isolate the problem from the rest of your codebase.

“I didn’t have time to create one”

That’s understandable, it can take some time to prepare. We ask that you hold off on filing an issue until you are able to fully complete the required fields in the issue template.

“You can reproduce it by yourself by creating a project and following these steps”

This is useful knowledge, but it’s still valuable to have the resulting project that is produced from running the steps, where you have verified you can reproduce the issue.

@yohamta Nothing I’ve seen. I’m thinking of making a Flutter app instead and hoping that doesn’t have the same problem

We ended up switching to React Native Camera. It is old and deprecated, but works. You could look at React Native Vision Camera.

Here’s my workaround, it’s been working so far for me whether the phone’s orientation itself was locked or not.

const [orientation, setOrientation] = useState<CameraOrientation>(1)

{...}

 <ExpoCamera
  {...}
  responsiveOrientationWhenOrientationLocked={true}
  onResponsiveOrientationChanged={(e) => onSetOrientation(e.orientation)}
 />

Then if orientation is 3 or 4 (landscape) I rotate the image with expo-image-manipulator by 180 degrees.

I guess the workaround is to detect if Orientation is locked (using ScreenOrientation.getOrientationLockAsync() ), and notify the user to unlock? Not a good user experience, so I really hope the expo Camera team will fix this soon.