Merge pull request Expensify#81509 from victoreronmosele/fix/camera-focus-on-flash-tap

refactor: move flash button out of camera focus gesture detector

Author: MonilBhavsar

src/pages/iou/request/step/IOURequestStepScan/index.native.tsx

@@ -655,30 +655,30 @@ function IOURequestStepScan({
                                         forceInactive={isAttachmentPickerActive}
                                     />
                                     <Animated.View style={[styles.cameraFocusIndicator, cameraFocusIndicatorAnimatedStyle]} />
-                                    {canUseMultiScan ? (
-                                        <View style={[styles.flashButtonContainer, styles.primaryMediumIcon, flash && styles.bgGreenSuccess, !hasFlash && styles.opacity0]}>
-                                            <PressableWithFeedback
-                                                role={CONST.ROLE.BUTTON}
-                                                accessibilityLabel={translate('receipt.flash')}
-                                                sentryLabel={CONST.SENTRY_LABEL.REQUEST_STEP.SCAN.FLASH}
-                                                disabled={cameraPermissionStatus !== RESULTS.GRANTED || !hasFlash}
-                                                onPress={() => setFlash((prevFlash) => !prevFlash)}
-                                            >
-                                                <Icon
-                                                    height={16}
-                                                    width={16}
-                                                    src={lazyIcons.Bolt}
-                                                    fill={flash ? theme.white : theme.icon}
-                                                />
-                                            </PressableWithFeedback>
-                                        </View>
-                                    ) : null}
                                     <Animated.View
                                         pointerEvents="none"
                                         style={[StyleSheet.absoluteFillObject, styles.backgroundWhite, blinkStyle, styles.zIndex10]}
                                     />
                                 </View>
                             </GestureDetector>
+                            {canUseMultiScan ? (
+                                <View style={[styles.flashButtonContainer, styles.primaryMediumIcon, flash && styles.bgGreenSuccess, !hasFlash && styles.opacity0]}>
+                                    <PressableWithFeedback
+                                        role={CONST.ROLE.BUTTON}
+                                        accessibilityLabel={translate('receipt.flash')}
+                                        sentryLabel={CONST.SENTRY_LABEL.REQUEST_STEP.SCAN.FLASH}
+                                        disabled={cameraPermissionStatus !== RESULTS.GRANTED || !hasFlash}
+                                        onPress={() => setFlash((prevFlash) => !prevFlash)}
+                                    >
+                                        <Icon
+                                            height={16}
+                                            width={16}
+                                            src={lazyIcons.Bolt}
+                                            fill={flash ? theme.white : theme.icon}
+                                        />
+                                    </PressableWithFeedback>
+                                </View>
+                            ) : null}
                         </View>
                     )}
                 </View>