首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使IconButton变大?

如何使IconButton变大?
EN

Stack Overflow用户
提问于 2021-03-21 08:37:38
回答 4查看 93关注 0票数 0

我想把IconButton做得更大,但这行不通。如何使按钮的大小变大?

代码语言:javascript
复制
SizedBox(
height: 100,
width: 100,
child: IconButton(
  tooltip: 'Refresh',
  icon: const Icon(Icons.refresh),
  onPressed: () {
    Navigator.pushReplacement(
      context,
      MaterialPageRoute(builder: (context) => Check()),
    );
  },
),
),
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2021-03-21 08:56:34

您可以设置属性iconSize

这是官方的文档

解决方案:

代码语言:javascript
复制
IconButton(
      iconSize: 100,
      tooltip: 'Refresh',
      icon: const Icon(Icons.refresh),
      onPressed: () {
          //Your code goes here....
      }
    ),
票数 1
EN

Stack Overflow用户

发布于 2021-03-21 08:51:46

您可以使用iconSize property...You在使用iconSize时不需要使用SizedBox

代码语言:javascript
复制
IconButton(
      iconSize: 100,
      icon: const Icon(Icons.refresh),
      onPressed: () {}
    ),
票数 1
EN

Stack Overflow用户

发布于 2021-03-21 08:54:54

您可以使用iconSize属性的IconButton()小部件,它将有助于增加大小。此属性也会增加其内部图标的大小。因此,也可以使用Icon()的大小,这样您就可以同时拥有所需的IconButton和Icon的大小。

代码语言:javascript
复制
IconButton(
iconSize: 100,
tooltip: 'Refresh',
icon: const Icon(Icons.refresh, size:20),
onPressed: () {
  
},)
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66730280

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档