If I have a `Column` and I want it s content to be centered

Question

If I have a `Column` and I want it s content to be centered vertically on the screen I can do ```Column modifier = Modifier fillMaxSize verticalArrangement = Arrangement Center ``` But what if I don t want it centered vertically but instead want the top of it to be offest 35 from the top of the screen I can use the `offset` modifier `offset y=100 dp ` to place it a certain amount from the top but I want to specify the offset by percentage not dp

Albert Chang · Answer

You can add a `Spacer modifier = Modifier fillMaxHeight fraction = 0 35f `

Bradleycorn · Answer

ah arrange the items to the top and then use the Spacer to push it down that would work

Adam Powell · Answer

You can write your own Arrangement implementations as well <https cs android com androidx platform frameworks support + androidx main compose foundation foundation layout src commonMain kotlin androidx compose foundation layout Arrangement kt l=67|https cs android com androidx platform frameworks support + androidx main compose foundation foundation layout src commonMain kotlin androidx compose foundation layout Arrangement kt l=67>

Bradleycorn · Answer

mind blown

Bradleycorn · Answer

< Adam Powell> using `placeCenter` as a reference ``` internal fun placeCenter totalSize Int size IntArray outPosition IntArray val consumedSize = size fold 0 a b gt a + b var current = totalSize consumedSize toFloat 2 size forEachIndexed index it gt outPosition index = current roundToInt current += it toFloat ``` I presume `totalSize` is the size of the container column itself `size` is an array of the sizes of each item in the container and `outPosition` is an array of positions at which to place each item in the container

Adam Powell · Answer

Yep says as much right in the method docs slightly smiling face

Bradleycorn · Answer

```fun Arrangement fromStart FloatRange from = 0 0 to = 1 0 percent Float Arrangement Horizontal return object Arrangement HorizontalOrVertical override val spacing = 0 dp override fun Density arrange totalSize Int sizes IntArray outPositions IntArray place percent totalSize sizes outPositions override fun Density arrange totalSize Int sizes IntArray layoutDirection LayoutDirection outPositions IntArray when layoutDirection LayoutDirection Ltr gt place percent totalSize sizes outPositions else gt sizes reverse place percent totalSize sizes outPositions outPositions reverse fun Arrangement fromTop FloatRange from = 0 0 to = 1 0 percent Float Arrangement Vertical return object Arrangement HorizontalOrVertical override val spacing = 0 dp override fun Density arrange totalSize Int sizes IntArray outPositions IntArray place percent totalSize sizes outPositions override fun Density arrange totalSize Int sizes IntArray layoutDirection LayoutDirection outPositions IntArray when layoutDirection LayoutDirection Ltr gt place percent totalSize sizes outPositions else gt sizes reverse place percent totalSize sizes outPositions outPositions reverse private fun place percent Float totalSize Int size IntArray outPosition IntArray var current = totalSize percent size forEachIndexed index it gt outPosition index = current roundToInt current += it toFloat ```

Bradleycorn · Answer

< Adam Powell> FTW

Bradleycorn · Answer

And then ```Column modifier = Modifier fillMaxSize verticalArrangement = Arrangement percentFromStart 0 35F ```

Adam Powell · Answer

Working precisely as intended slightly smiling face

Bradleycorn · Answer

yall really should make things more difficult wink

Bradleycorn · Answer

I edited the post above and broke it up into 2 more semantically named functions `fromTop` which returns a `Vertical` and `fromStart` which returns a `Horizontal` in case anyone finds this and wants to use it That seems to fall in line better with the other functions on `Arrangement` like `spacedBy`