Flutter FloatingActionButton和IconButton

Question

如何在图片中创建FloatingActionButton？

我尝试使用FloatingActionButton，但它看起来像一个带圆圈的整个按钮。

我需要像IconButton这样的内容，如图所示。

Answer 1

IconButton实际上会提供您的目标！

根据指南，FloatingActionButton将始终提供您在房间内查看的设计＆＃34;标题按钮。

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

Answer 2

为此，您可以使用appbar的 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，如下所示

// 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 4

我建议在GestureDetector小部件内使用图标。这将为您提供所需的结果，同时也消除了IconButton周围不必要的填充。

GestureDetector(
                 onTap: () {},
                 child: Icon(Icons.arrow_back, color: Colors.black)
               )