— Android, Jetpack, Compose — 1 min read
Over the last couple of years I've rotated between a few declarative UI frameworks. The most notable are probably Flutter, Jetpack Compose and SwiftUI. Flutter, Jetpack Compose and SwiftUI all have a Spacer widget but they work a little bit differently to eachother.
1Row(2 modifier = modifier3 .padding(4 vertical = 10.dp,5 horizontal = 18.dp6 ),7 verticalAlignment = Alignment.CenterVertically8) {9 Text("One")10 Spacer(modifier = Modifier)11 Text("Two")12}
The above Spacer
Composable will pretty much just be blank if you don't make
any adjustments to the Modifier
. So to make it fill the entire middle space of
the Row, or the area between the two Texts, you can add weight like this:
1Row(2 modifier = modifier3 .padding(4 vertical = 10.dp,5 horizontal = 18.dp6 ),7 verticalAlignment = Alignment.CenterVertically8) {9 Text("One")10 Spacer(modifier = Modifier.weight(1.0F))11 Text("Two")12}
And weight will pretty much work in exactly the same way as it does when used in XML layouts.