Как выровнять текст в кнопке во флаттере? - PullRequest
Новая
       21

Как выровнять текст в кнопке во флаттере?

0 голосов
/ 23 мая 2019

Я просто хочу сделать самые простые вещи: я просто хочу иметь кнопку с текстом, выровненным вправо.По какой-то причине я не могу понять это.

Я пробовал textAlign: TextAlign.right, но он все еще находится в центре.Я попытался сделать строку внутри кнопки с mainAxisAlignment.end, но нет, все еще в центре.по какой-то причине это работает, если я использую выравнивание главной оси.end на столбце вместо строки (помещает его внизу, а не справа)

Это то, что я пока имею: 

                                FlatButton(
                                    color: Colors.black,
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.end,
                                      children: <Widget>[
                                        Text(
                                          "M",
                                          textAlign: TextAlign.right,
                                          style: TextStyle(
                                              color: mColor, fontSize: 10.0),
                                        ),
                                      ],
                                    ),

Ответы [ 2 ]

2 голосов
/ 23 мая 2019

Вы должны поместить свой «Текст» в «Выравнивание», чтобы выровнять текст влево, вправо, сверху, снизу и т. Д. Как- 

 FlatButton(
            color: Colors.blue,
            textColor: Colors.white,
            padding: EdgeInsets.all(8.0),
            splashColor: Colors.blueAccent,
            onPressed: () {
              /*...*/
            },
            child: Align(
              alignment: Alignment.centerRight,
              child: Text(
                "Flat",
                style: TextStyle(fontSize: 20.0),
              ),
            ))
0 голосов
/ 23 мая 2019

Положи в чернильницу 

InkWell(
    onTap: doSomething,
    child: SizedBox(
    height: 100,
    width: 100,
    child: Container(
        decoration: BoxDecoration(
            border: Border.all(color: Colors.black)),
            child: Text(
                'hello',
                textAlign: TextAlign.right,
            ),
        ),
    ),
),
...