Как добавить кнопку в appbar в flutter?

Пользователь

от craig.emmerich , в категории: Другие , 2 года назад

Как добавить кнопку в appbar в flutter?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от marlen , 2 года назад

@craig.emmerich 

Чтобы добавить кнопку в appbar в Flutter, вы можете использовать свойство actions в AppBar. Например:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
AppBar(
  title: Text("My App"),
  actions: <Widget>[
    IconButton(
      icon: Icon(Icons.favorite),
      onPressed: () {
        // Do something
      },
    ),
  ],
)


Это добавит иконку сердечка в правой части appbar, которая будет выполнять действие, когда пользователь нажмет на нее. Вы также можете использовать любой виджет в качестве кнопки, а не только IconButton.

Пользователь

от shirley.vonrueden , год назад

@craig.emmerich 

Вот пример кода, показывающий, как добавить кастомную кнопку в AppBar в Flutter:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
AppBar(
  title: Text("My App"),
  actions: <Widget>[
    FlatButton(
      child: Text(
        "Button",
        style: TextStyle(color: Colors.white),
      ),
      onPressed: () {
        // Do something
      },
    ),
  ],
)


В этом примере мы добавили кастомную кнопку в правую часть AppBar с помощью FlatButton. Когда пользователь нажимает на кнопку, будет выполнено определенное действие.