Add iOS hack to fix cropper failing to show (#7191)

* Add iOS hack to fix cropper failing to show

* Make it 800

src/screens/Onboarding/StepProfile/index.tsx

@@ -15,7 +15,7 @@ import {openCropper} from '#/lib/media/picker'
 import {getDataUriSize} from '#/lib/media/util'
 import {useRequestNotificationsPermission} from '#/lib/notifications/notifications'
 import {logEvent, useGate} from '#/lib/statsig/statsig'
-import {isNative, isWeb} from '#/platform/detection'
+import {isIOS, isNative, isWeb} from '#/platform/detection'
 import {
   DescriptionText,
   OnboardingControls,
@@ -181,6 +181,10 @@ export function StepProfile() {
     if (!image) return
 
     if (!isWeb) {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       image = await openCropper({
         mediaType: 'photo',
         cropperCircleOverlay: true,

src/view/com/util/UserAvatar.tsx

@@ -16,7 +16,7 @@ import {
 import {makeProfileLink} from '#/lib/routes/links'
 import {colors} from '#/lib/styles'
 import {logger} from '#/logger'
-import {isAndroid, isNative, isWeb} from '#/platform/detection'
+import {isAndroid, isIOS, isNative, isWeb} from '#/platform/detection'
 import {precacheProfile} from '#/state/queries/profile'
 import {HighPriorityImage} from '#/view/com/util/images/Image'
 import {tokens, useTheme} from '#/alf'
@@ -319,6 +319,10 @@ let EditableUserAvatar = ({
     }
 
     try {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       const croppedImage = await openCropper({
         mediaType: 'photo',
         cropperCircleOverlay: true,

src/view/com/util/UserBanner.tsx

@@ -14,7 +14,7 @@ import {
 import {colors} from '#/lib/styles'
 import {useTheme} from '#/lib/ThemeContext'
 import {logger} from '#/logger'
-import {isAndroid, isNative} from '#/platform/detection'
+import {isAndroid, isIOS, isNative} from '#/platform/detection'
 import {EventStopper} from '#/view/com/util/EventStopper'
 import {tokens, useTheme as useAlfTheme} from '#/alf'
 import {useSheetWrapper} from '#/components/Dialog/sheet-wrapper'
@@ -68,6 +68,10 @@ export function UserBanner({
     }
 
     try {
+      if (isIOS) {
+        // https://github.com/ivpusic/react-native-image-crop-picker/issues/1631
+        await new Promise(resolve => setTimeout(resolve, 800))
+      }
       onSelectNewBanner?.(
         await openCropper({
           mediaType: 'photo',