Блог

Теперь я использую строку для горизонтирования некоторого компонента в flutter, это мой код:

 Row(
                mainAxisAlignment: MainAxisAlignment.start,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Padding(
                    padding: const EdgeInsets.only(top: 8, bottom: 8.0),
                    child: Text(
                      item.subName,
                      style: TextStyle(
                        fontSize: 16,
                        fontWeight: FontWeight.w600,
                      ),
                    ),
                  ),
                  Padding(
                    padding: const EdgeInsets.only(top: 8,bottom: 8.0,right: 1),
                    child: ButtonTheme(
                        minWidth: 50,
                        height: 30.0,
                        child:RaisedButton(
                          color: Theme.of(context).primaryColor,
                          shape: new RoundedRectangleBorder(
                              borderRadius: new BorderRadius.circular(5.0)),
                          onPressed: () async {
                            print("pressed");
                          },
                          child: Text("Subscribe"),
                        )
                    ),
                  )
                ],
              )
  

теперь я хочу, чтобы кнопка subscribe выровнялась по правому краю, что мне сделать, чтобы она работала? Я пытался так, но потерпел неудачу:

 padding: const EdgeInsets.only(top: 8,bottom: 8.0,right: 1),
  

Я пытался сделать кнопку с одним пикселем экрана, но, похоже, она не работает.

Если вы хотите что-то вроде этого:

Вы можете установить mainAxisAlignment свойство Row на spaceBetween

То, что вы пытаетесь добавить, — это отступ, который только окружает виджет, он не будет выравнивать виджет по правому краю. это добавит отступы в правую часть виджета. В Row() виджете make mainAxisAlignment: MainAxisAlignment.spaceBetween . Это выровняет кнопку подписки по правому краю.

Если вам нужно пространство между виджетами строки.

  Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
  ),
  

Чтобы полностью выровнять виджеты справа.

        Row(
    mainAxisAlignment: MainAxisAlignment.end,
  ),
  

Чтобы виджеты равномерно занимали место в строке.

  Row(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
  ),