Displayed on top of everything

[RichardToowoxx]

SnizzorsUIView() is displayed on top of the bottomBar of the Scaffold, that contains my app.

Adding e.g. an UIImageVIew() with SnizzorsUIView() to get transparency makes it being displayed on top of my bottom bar while scrolling down.

[MakarenkoVlad]

hey, facing the same issue, is it possible/when be fixed?

[EricKuck]

I'm not sure what the "fix" for this to be. When you opt to have UIKit content displayed over the compose content it's…well…going to be displayed over the compose content.

[EricKuck]

Can you post a repro case as well as a proposed solution? I can look into options here once I know exactly what's not working as expected. Just be aware that Compose's UIKit interop is fairly lacking in flexibility and it may not be possible to address the problem at all without Jetbrains making changes to the framework.

[RichardToowoxx]

@EricKuck A simplified example:

Scaffold(
    bottomBar = {
        // My bottom bar
    }
) {
    // My app
}

In the app I add an UIImageView():

SnizzorsUIView(
        modifier = modifier,
        factory = {
            val imageView = UIImageView()
            imageView.contentMode = UIViewContentMode.UIViewContentModeScaleAspectFit
            imageView.clipsToBounds = true
            imageView.backgroundColor = UIColor.clearColor
            imageView.opaque = false
            imageView.transform = CGAffineTransformMakeScale(-1.0, 1.0)
            imageView.isAccessibilityElement = true
            imageView.accessibilityLabel = imgAltText
            val path = imageModel.removePrefix("file://")
            val gifData = NSData.create(contentsOfFile = path)
            val gifImage = gifData?.let { UIImage.gifImageWithData(it) }

            imageView.image = gifImage
            imageView
        },
    )

The UIImageView is displayed ontop of my bottomBar. Other compose content is hidden behind the bottom bar.

[EricKuck]

Unfortunately there's just no way around that. Within the UIWindow, you're going to end up with either the Compose content on top of the UIKit content on top. My only suggestion here would be to pad out the bottom of the UIKit content such that it can not overlap with the bottom bar or any other decor.