flutter
Center Row widget children vertically and horizontally Flutter
To center all widgets that exist inside a Row widget, you can use crossAxisAlignment and mainAxisAlignment properties of Row widget.
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("text 1"),
Text("text 2"),
]
)
Center Row widget Children vertically
You can use the crossAxisAlignment property to center Row children vertically.
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("text 1"),
Text("text 2"),
]
)
Center Row widget Children horizontally
You can use the MainAxisAlignment property to center Row children horizontally.
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text("text 1"),
Text("text 2"),
]
)
Was this helpful?
Similar Posts