Flutter : Error after add Spacer() in my row Children

Question

I do a row for many button that can do scroll vertical, but i need some space between button, so i add Spacer() for create a space

            SingleChildScrollView(
              .....
              child: Column(
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      TextButton(
                        ....
                      ),
                      Spacer(),
                      TextButton(
                        ....
                      ),
                    ],
                  )
                ],
              ),
            )

After I add syntax Spacer() there, I got this Error Error screenshot,

Try changing mainAxisAlignment to MainAxisAlignment.spaceBetween, if that doesn't work you can try this [stackoverflow](https://stackoverflow.com/a/62097942/11891580) — Jonathan Ixcayau, Jun 21 '21 at 03:05
I think issue is in your parent widget, Please show us the code with parent widget — Hemal Moradiya, Jun 21 '21 at 04:09

score 2 · Accepted Answer · answered Jun 22 '21 at 06:51

2

I change my Row() to Wrap(), then I add spacing: from wrap widget

Wrap(
  spacing: 100,
  ....
)

and Done, Thx everyone

answered Jun 22 '21 at 06:51

Ricko Tiaka

67
8

Muhammet · Answer 2 · 2021-06-21T07:31:46.880

0

Try to wràp your SingleChildScrollView with Container that has a preferred size, e.g. Container(width: 400, height 400, child: SingleChilScrollView....). If it doesn't work, use SizedBox or Divider instead of Spacer.

edited Jun 21 '21 at 07:31

answered Jun 21 '21 at 02:36

Muhammet

89
6

Flutter : Error after add Spacer() in my row Children

2 Answers2