Flutter FloatingActionButton и IconButton

Question

Как я могу создать FloatingActionButton как на изображении?

Я пытался использовать FloatingActionButton, но он выглядит как целая кнопка с кружком.

Мне нужно что-то вроде IconButton, как показано на рисунке.

Answer 1

Вам нужно использовать IconButton , как показано ниже

// Icon Button
new IconButton(
          icon: new Icon(Icons.favorite),
          tooltip: 'Facorite icon',
          color: Colors.blue, //set color which you want
          onPressed: () {
             // Do your work 
          },
),

Answer 2

Для этого вы можете использовать свойство actions ** на панели приложений, чтобы поместить значки справа от заголовка, и свойство ** ведущее , чтобы разместить начальный значок.

appbar: new AppBar(
    leading: new Icon(Icons.search),
    actions: <Widget>[
                         new Icon(Icons.search),
                         new Icon(Icons.search),
                 ],
   title: new Text("title"),
) 

Answer 3

IconButton фактически принесет результат, к которому вы стремитесь!

A FloatingActionButton, в соответствии с указаниями, всегда предоставит дизайн, который вы найдете наВаша кнопка «Просмотр в вашей комнате» под названием.

IconButton(
  icon: Icon(Icons.back),
  onPressed...
)