I want to right justify the TextButton in Flutter

Question

I want to send the "See More" button in the middle to the right.

enter image description here

Row(
            children: <Widget>[
              Stack(
                children: const <Widget>[
                  Align(
                    alignment: Alignment.topLeft,
                    child: Padding(
                      padding: EdgeInsets.all(8.0),
                      child: Text(
                        'Your Watchlist',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 20,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                  ),
                ],
              ),
              TextButton(
                child: const Text(
                  'See More >>',
                  style: TextStyle(color: Colors.yellow, fontSize: 16),
                ),
                onPressed: () {
                  Navigator.of(context).push(MaterialPageRoute(
                    builder: (context) => movie_list(),
                  ));
                },
              ),
            ],
          ),

Also, how can I pull data from firebase to listview items in the form of cards at the bottom, can you suggest a source on this subject?

score 0 · Answer 1 · answered Jul 27 '22 at 14:03

0

You can achieve this by 2 methods

Option1

Add

mainAxisAlignment: MainAxisAlignment.spaceBetween,

To the row widget

Or

Option2

add

Spacer()

Between the see more and the stack widget

answered Jul 27 '22 at 14:03

Kaushik Chandru

15,510
2
12
30

unfortunately that didn't work either. The spacer() code fixed the problem. – Serdar Bilgili Jul 27 '22 at 22:04

score 0 · Answer 2 · answered Jul 27 '22 at 14:03

0

You can include Spacer() on middle portion,

Row
 - WidgetA
 - Spacer()
 - WidgetB

answered Jul 27 '22 at 14:03

Md. Yeasin Sheikh

54,221
7
29
56

Thanks, as you said I encapsulated it in row() and handled it with spacer() and using extra padding did what I wanted. – Serdar Bilgili Jul 27 '22 at 22:08
You already have padding on left and right widget, that's why I ignore that. – Md. Yeasin Sheikh Jul 28 '22 at 06:43

I want to right justify the TextButton in Flutter

2 Answers2