Any Idea why Icon is not vertically centered when ...

# compose

[Kazemihabib1996]

Any Idea why Icon is not vertically centered when I set` fontSize` to Text

Surface(color = Color.Green) {
            Row(modifier = Modifier.fillMaxWidth().gravity(RowAlign.Center)) {
                Text("More", style = TextStyle(fontSize = 30.sp, color = Color(0xFFC7C7C7)))
                Icon(Icons.Filled.ArrowForward, tint = Color(0xFFC7C7C7))
            }
        }

[molikto]

the gravity(RowAlign.Center is supposed to use on a child of a row. If you have imported

androidx.ui.layout.RowScope.gravity

then this is not the correct way

[molikto]

the RowScope object should be given by

fun Row(
    modifier: Modifier = Modifier.None,
    arrangement: Arrangement.Horizontal = Arrangement.Start,
    children: @Composable() RowScope.() -> Unit
) {

the children gives you the RowScope object, so you don't need and should not import the RowScope yourself

[Kazemihabib1996]

Thank your @molikto actually I'm looking for a way to align all children vertically.

[molikto]

@Kazemihabib1996 If you means a modifier on parent that makes all children align vertically, I also wonder if there is any... but I haven't find one..

[Adam Powell]

this is an outstanding TODO at the moment, but it will be a parameter to Row/Column, not a modifier. Modifiers are placed on a child to affect behavior within the parent, not to affect parent behavior of arranging children.

[Adam Powell]

Think View properties vs. LayoutParams in Android Views as a comparison