How can I manage layout programmatically in my app I want to kotlinlang #compose

How can I manage layout programmatically in my app? I want to add more columns in a row with specific component inside by button click. How can I do it?

that i want to get

Filip Wiesner

02/21/2022, 3:51 PM

Are you trying to do a mobile or desktop app? #compose-desktop would be better for the latter. If you are not familiar with Compose, then I would recommend starting with the official documentation by Google.

Ivan Skiridomov

02/21/2022, 3:52 PM

desktop one

Filip Wiesner

02/21/2022, 3:55 PM

The basics of Compose are the same for Android and desktop so the official tutorial is your best bet :) There are also nice examples of desktop specific stuff in the Jetbrains compose Repository on GitHub

👍 1

Adam Powell

02/21/2022, 4:03 PM

this is a very general compose question so this is the right channel for this 🙂

possibly the getting started with compose question since it speaks to a fundamental difference of declarative toolkits

the way to do this is to define your UI in terms of your data. You have a list of modules somewhere, so your UI code becomes:

Row {
  for (module in modules) {
    key(module) {
      ModuleColumn(module)
    }
  }
}

Ivan Skiridomov

02/21/2022, 4:08 PM

It is smart enough to detect changes in modules array and redraw UI ?

Adam Powell

02/21/2022, 4:08 PM

if you're using an observable collection like that returned by

mutableStateListOf()

, yes

alternatively, if you're using immutable collections of some sort and something observable emits new copies of the list with changes, that's also fine

Ivan Skiridomov

02/21/2022, 4:12 PM

Where I can read about app state ? For example how I can save app dimensions and when user close app and start it again it restores it position and configuration (height and width)

I came from angular so i trying to match that experience

Adam Powell

02/21/2022, 4:17 PM

the info at https://developer.android.com/jetpack/compose/state might help, if you're working on desktop then ignore the parts where it talks about parcelize/androidx ViewModel, the rest of it about state holders all still applies regardless of platform

👍 1

this whole article series is also good: https://dev.to/zachklipp/a-historical-introduction-to-the-compose-reactive-state-model-19j8

#compose Join Slack