I feel like I m missing something is there no way to align a

Question

I feel like I m missing something is there no way to align a child of a Column to the end of the column The `gravity` modifier only allows aligning horizontally but not vertically and also can only be called when a Column is in scope which is very odd I mean what do you do when the column is way up the tree

Fudge · Answer

Here s a workaround for accomplishing this seemingly simple thing I guess ```Column modifier = Modifier fillMaxHeight Row modifier = Modifier fillMaxHeight child modifier = Modifier gravity Alignment Bottom ``` I would have expected it to look like this ```Column modifier = Modifier fillMaxHeight child modifier = Modifier align Alignment Bottom ```

nglauber · Answer

What the design do you want to achieve Depending on your needs you can use `verticalArrangement` ```Column modifier = Modifier fillMaxHeight verticalArrangement=Arrangement Bottom Text AAA ```

nglauber · Answer

If you have more components You can use something like this ```Column modifier = Modifier fillMaxHeight Text AAA Text BBB Spacer modifier = Modifier weight 1f Text CCC ```

Fudge · Answer

oh I see that s one way of doing it

Fudge · Answer

the latter is what I was looking for

Fudge · Answer

What about if a `Column` is not in scope I guess pass Column as a receiver

Fudge · Answer

Or ColumnScope rather

nglauber · Answer

Sorry I don t know how to answer that Do you want to align an item inside of Column but without the Column What I would do is ```Column SomeComponent Spacer modifier = Modifier weight 1f YourComponentThatNeedsAlignmentHere ```

Fudge · Answer

what I mean is something like this ```Column Text bar AlignmentLogicComponent Composable fun AlignmentLogicComponent Spacer modifier = Modifier weight 1f Text foo ```

Fudge · Answer

I would solve by doing ```Column Text bar AlignmentLogicComponent Composable fun ColumnScope AlignmentLogicComponent Spacer modifier = Modifier weight 1f Text foo ```

Zach Klippenstein (he/him) [MOD] · Answer

Yes passing `ColumnScope` as a receiver is the way to do that

Adam Powell · Answer

it makes me happy to read this thread and see you all having arrived at these solutions smile

Adam Powell · Answer

propagating the `ColumnScope` as a receiver to express the required context of where a composable will behave as expected is something I ve been pretty excited about since it addresses the long standing type safety issues around view xml LayoutParams

Adam Powell · Answer

so many developer hours wasted wondering why `android layout weight` isn t working because the parent changed in some refactor somewhere

Adam Powell · Answer

another way to do this is to have the last item do `Modifier fillMaxHeight wrapContentHeight Alignment Bottom ` instead of using the weighted spacer dropping the fillMaxHeight from that will also let you only fill up until the min height is met if that s useful in the situation

nglauber · Answer

If I understand correctly you re creating an extension function for `ColumnScope` right In this case you ll be able to use `AlignmentLogicComponent` inside of all `Column` which I m not sure it s an expected behavior I like the idea though slightly smiling face Your solution sounds better < Adam Powell> I can t figure out why stuck out tongue

Adam Powell · Answer

Not sure what you re asking The modifier snippet above doesn t use any other receiver scoping

Adam Powell · Answer

Or do you mean writing a composable function as an extension of ColumnScope That makes that composable function only valid in a Column yes

nglauber · Answer

Sorry I didn t make myself clear I mean that create a composable function as an extension function of ColumnScope just to allow this component to be aligned correctly inside of a Column sounds strange to me not saying that s a bad solution I think it s more elegant use the modifier as you shown above