Hello everyone! I've created a sample app in KMM u...

# compose

[Sayali N]

Hello everyone! I've created a sample app in KMM using compose multiplatform, but I'm seeing a weird button placement for iOS. I'm pretty new to mobile development in general, as well as KMM. Does anyone know why this might be happening or how I can debug this issue?

[Kirill Grouchnikov]

This is a 477MB download. Is there a smaller thing that you can share that shows the layout definition of this screen?

[Pablichjenkov]

Usually you place a link to a well known repo site like GitHub, Gitlab or the file containing the code itself. Many people don't trust to download/open weird links or files. Might be malign software 🙂

[Sayali N]

Oh yes makes sense, sorry about that

[Sayali N]

Will make a github link and share in a bit

[Kirill Grouchnikov]

https://github.com/SayaliNilangekar/sample-kmm-app/blob/main/iosBuildFixApp/shared/src/commonMain/kotlin/com/example/iosbuildfixapp/AppScreen.kt

[Kirill Grouchnikov]

This should be a column, with the middle box at weight=1.0f

[Kirill Grouchnikov]

Otherwise your layout doesn’t really use a well-defined vertical flow logic

[Kirill Grouchnikov]

So you have your header up top, the button down bottom, and the texts box spanning the rest of the available vertical space

[Pablichjenkov]

The reason why in Android works is probably because in the Android side some Box encapsulates the AppScreen composable but is not the case in iOS.
But as Kirill mentioned, used a column as parent of the boxes.

[Sayali N]

That's perfect, thank you so much @Kirill Grouchnikov @Pablichjenkov! Got it to render properly with that fix!