Centering layout in Flutter

Question

If I use the following structure in the Scaffold:

  body: Container(
      alignment: Alignment.center,
      child:
        Text('Test')  
  )

Then the text is vertically and centrally structured, as I want. But if I do the following:

body: Container(
      alignment: Alignment.center,
      child:
        ListView(
          children:people.map(person).toList(),
        ),

  )

Then the ListView is stuck to the top left of the body and isn't centered.

Why is that, and how can I center the ListView the same way that Text was centered?

question from:https://stackoverflow.com/questions/65909658/centering-layout-in-flutter

Answer 1

Vertical

body: Container(
  alignment: Alignment.center,
  child:
    ListView(
      shrinkWrap: true,
      children:people.map(person).toList(),
    ),
 )

Horizontal

ListView(
    shrinkWrap: true,
    children: [
      Row(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
            Text('text'),
         ],
       ),
       Text('text'),
       Text('text'),
     ],
   ),