expo: [expo-image-picker][ios] Can't drag the picture around the crop area (bare react-native app)

🐛 Bug Report

Summary of Issue

  1. Call launchCameraAsync with allowsEditing: true.
  2. Take a picture.
  3. Try to drag the picture on the crop area.
  4. It doesn’t change

Works well on Android.

Environment - output of expo diagnostics & the platform(s) you’re targeting

System:
    OS: macOS 10.15.7
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
    Memory: 79.11 MB / 8.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 14.8.0 - ~/.nvm/versions/node/v14.8.0/bin/node
    Yarn: 1.22.5 - ~/.nvm/versions/node/v14.8.0/bin/yarn
    npm: 6.14.8 - ~/.nvm/versions/node/v14.8.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.10.0 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 14.0, DriverKit 19.0, macOS 10.15, tvOS 14.0, watchOS 7.0
    Android SDK:
      API Levels: 21, 23, 24, 25, 26, 28, 29, 30
      Build Tools: 28.0.3, 29.0.2, 30.0.2
      System Images: android-24 | Google Play Intel x86 Atom, android-26 | Google APIs Intel x86 Atom, android-26 | Google Play Intel x86 Atom, android-30 | Google APIs Intel x86 Atom, android-30 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 4.0 AI-193.6911.18.40.6626763
    Xcode: 12.0/12A7209 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_272 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: ^16.14.0 => 16.14.0
    react-native: 0.63.3 => 0.63.3
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Reproducible Demo

https://github.com/aprilmintacpineda/repro-expo-image-picker-10820

This only happens for launchCameraAsync but not for launchImageLibraryAsync.

Sorry, can’t upload GIF, file size way too big for github https://streamable.com/4yfkf6

Steps to Reproduce

Expected Behavior vs Actual Behavior

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Reactions: 8
  • Comments: 20 (2 by maintainers)

Commits related to this issue

Most upvoted comments

Hey ! The same issue on iOS with launchCameraAsync

Hi! I have the same issue.

@AdamJNavarro Hi, I understand you may only be doing this on your free, but just to follow up if you have any news about this or if you’ve seen my reproducible repo. Thanks.

Hi there. I can reproduce this on my side, I’ve attached the video. If I try to move the crop area then it’ll be returned to the initial state. https://streamable.com/2tlg14

same issue here

Same here when invoked with launchCameraAsync

We have the same issue

    const image = await ImagePicker.launchCameraAsync({
      quality: 1,
      aspect: [1, 1],
      allowsEditing: true
    });

Does not allow dragging the image

@AdamJNavarro I have provided the repro above.

Hey @aprilmintacpineda, could you please share a public repo with a minimal reproducible example so that we may test this on our end? Giving steps rather than explicit code provides an opportunity for user error.

Cheers, Adam

I also saw it in a few production apps.

Forgot to mention there are too many opened issues about that. But you’re right, i found a workaround i guess.

Same here

I also saw it in a few production apps.

Well, it’s happening right now on my app

Still have a label “needs repro” but I’ve already added a repro. @lukmccall @AdamJNavarro