Crop area is not displayed in a sheet view

[pavelpugachh]

Hi!

When I use SwiftyCropView inside a sheet view like in the picture below, the crop area is almost always not displayed (but has been shown a few times).

But it works fine if I use it in a sheet view hierarchy like this.

[benedom]

Hi, can you specify the issue a little bit more?

• Device you are using
• iOS-Version
• Swift-Version
• Xcode-Version

Does the issue also persist when you use the demo of SwiftyCrop? In the demo it is presented as fullScreenCover just like in your example.

[pavelpugachh]

• iPhone 14 Pro
• 17.4.1 (real device) / 17.2 (simulator)
• Swift 5
• Xcode 15.3 (15E204a)

To reproduce the issue:

1. Create view just like in the demo
2. Display created view using sheet modifier

When I use it like in the demo it's OK.

[benedom]

It seems that SwiftUI is having problems displaying the mask of the ZStack when using the .sheet modifier. To solve this you can wrap the SwiftyCropView inside a NavigationView or NavigationStack when presented. This will show the cropping mask.

I suggest something like this:

.sheet(isPresented: $showImageCropper) {
            NavigationView {
                if let selectedImage = selectedImage {
                    SwiftyCropView(
                        imageToCrop: selectedImage,
                        maskShape: selectedShape,
                        configuration: SwiftyCropConfiguration(
                            maxMagnificationScale: maxMagnificationScale,
                            maskRadius: maskRadius,
                            cropImageCircular: cropImageCircular,
                            rotateImage: rotateImage,
                            zoomSensitivity: zoomSensitivity
                        )
                    ) { croppedImage in
                        // Do something with the returned, cropped image
                        self.selectedImage = croppedImage
                    }
                    .interactiveDismissDisabled()
                }
            }
        }

[g3rd]

FYI: the bug is still present with the NavigationStack you must use a NavigationView

[benedom]

@g3rd I will add this as an info in the README

[g3rd]

@benedom thank you!