Is there any way to align a badge in flutter to the extreme right?

Question

Picture of the current output:

Code i used:

Badge(
                              badgeColor: CUSTOM_GREEN,
                              shape: BadgeShape.square,
                              borderRadius: 20,
                              toAnimate: false,
                              badgeContent: Text("Responded",
                                  style: TextStyle(
                                      color: Colors.white, fontSize: 12)),
                            )

Is there any way i can align the badge to be on the extreme right?

score 0 · Answer 1 · edited Oct 21 '20 at 12:28

0

Use MainAxisAlignment.spaceBetween with Row widget.

 Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Row(children: <Widget>[
                  CircleAvatar(),
                  Column(
                    children: [],
                  )
                ]),
                Badge(
                  badgeColor: CUSTOM_GREEN,
                  shape: BadgeShape.square,
                  borderRadius: 20,
                  toAnimate: false,
                  badgeContent: Text("Responded",
                      style: TextStyle(color: Colors.white, fontSize: 12)),
                )
              ]),

edited Oct 21 '20 at 12:28

Gursewak Singh

1,576
1
16
32

answered Oct 21 '20 at 10:16

Manpreet Singh Pandher

257
1
8

Tried it but doesnt work. Thanks for the response though – User1234 Oct 21 '20 at 10:38
it's depend how you manage your list tile widget, You can also use mainAxisAlignment: MainAxisAlignment.spaceBetween property of row. – Manpreet Singh Pandher Oct 21 '20 at 10:46

Is there any way to align a badge in flutter to the extreme right?

1 Answers1