文章/答案/技术大牛

发布

社区首页 >问答首页 >Flutter FloatingActionButton和IconButton

问Flutter FloatingActionButton和IconButton
EN

Stack Overflow用户

提问于 2018-06-05 18:47:55

回答 4查看 734关注 0票数 0

如何创建如图所示的FloatingActionButton？

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

我需要像图像中所示的IconButton这样的东西。

flutter

回答 4

Stack Overflow用户

发布于 2018-06-05 21:26:53

IconButton实际上会提供你想要的结果！

根据指南，FloatingActionButton将始终提供您在“在您的房间中查看”标题按钮上找到的设计。

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

票数 1

Stack Overflow用户

发布于 2018-06-06 00:46:00

您需要使用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 
          },
),

票数 1

Stack Overflow用户

发布于 2018-06-06 06:13:05

为此，您可以使用appbar的actions **属性将图标放在标题的右侧，并使用** leading 属性放置一个前导图标。

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50698214

复制

相似问题

问Flutter FloatingActionButton和IconButton
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flutter FloatingActionButton和IconButtonEN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flutter FloatingActionButton和IconButton
EN