ComposeWindow is shown before the first frame is rendered

[elijah-semyonov]

Describe the bug
White flickering when presenting/pushing ComposeWindow

Affected platforms

• iOS
• Other

Versions
Latest master

Screen.Recording.2023-08-14.at.14.18.47.mov

Meta

Reported by Guilherme Delgado

[gastsail]

Hmm, could have to do with the navigation lib you are using?

[GuilhE]

Hmm, could have to do with the navigation lib you are using?

I don't think so, navigation is being made with NavigationStack on iOS side (no 3rd party).

[elijah-semyonov]

We will add explicit wait for the first rendered frame to avoid this. I'll link related PR when it's done.

[elijah-semyonov]

Fixed in PR

[GuilhE]

@elijah-semyonov not deployed yet right?

[elijah-semyonov]

Not yet, will be in next version.

[chrisbanes]

FYI, still seeing this in 1.5.1. Can we add an option to set the background color?

I don't think you'll ever be ever to guarantee that Compose goes through a whole draw pass before iOS does.

[GuilhE]

Yup tested again with:

gradleComposeMultiplatform = "1.5.1"
composeMultiplatformCompiler = "1.5.2-beta01"

And I can still see the white background.

[elijah-semyonov]

@GuilhE
Could you please provide a repro? I agree with @chrisbanes that we can't guarantee that Compose goes through whole draw pass before iOS does, but I'm interested in particular chain of events, that bypass the fix.

[GuilhE]

@GuilhE Could you please provide a repro? I agree with @chrisbanes that we can't guarantee that Compose goes through whole draw pass before iOS does, but I'm interested in particular chain of events, that bypass the fix.

Yes of course, check it here https://github.com/GuilhE/Expressus

[elijah-semyonov]

My bad, the fix is not live yet. Will be there in 1.5.10.

[GuilhE]

I can confirm that 1.5.10-beta01 fixes this problem

[GuilhE]

Updated also my sample if anyone want's a fast test candidate 😉

[chokokatana]

I'm hitting this problem avoiding SwiftUI using normal UIViewController classes. I even tried to force the background of the views to black before pushing them with pseudo code like this:

    val result = ComposeUIViewController {
        compose stuff
    }
    paintBlack(result.view)
    platform.vc.navigationController?.pushViewController(result, animated = true)

…

private fun paintBlack(v: UIView) {
    v.backgroundColor = WC.dark_main        
    for (child in v.subviews) paintBlack(child)
}

But that didn't work at all. Version 1.5.10-beta01 does fix the white flash for me during the controller animation.

[chrisbanes]

1.5.10-beta02 has fixed the issue for us. I didn’t try beta01 though so not sure if that contains the fix.

[GuilhE]

1.5.10-beta01 and beta02 fixed for me, no need for backgrounds hack, which btw, never managed to make it work 😅