问题标签 [iconbutton]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
11 回答
59518 浏览

flutter - 如何删除 Flutter IconButton 大填充?

我想要一排 IconButtons,彼此相邻,但实际图标和 IconButton 限制之间似乎有相当大的填充。我已经将按钮上的填充设置为 0。

这是我的组件,非常简单:

在此处输入图像描述

我想摆脱大部分浅蓝色空间,让我的图标在左侧更早开始,并且彼此靠近,但我找不到调整 IconButton 本身大小的方法。

我几乎可以肯定这个空间是由按钮本身占用的,因为如果我将它们的对齐方式更改为centerRight它们centerLeft看起来像这样:

在此处输入图像描述

缩小实际图标也无济于事,按钮仍然很大:

在此处输入图像描述

谢谢您的帮助

0 投票
11 回答
63792 浏览

flutter - 如何设置图标按钮的背景颜色?

我想为图标按钮应用背景颜色,但我没有看到它的明确backgroundColor属性。我想实现这一点:

在此处输入图像描述

目前我能够实现到这里:

在此处输入图像描述

以下是到目前为止的代码:

0 投票
3 回答
1941 浏览

javascript - 如何在按钮上显示/隐藏文本旁边显示图标?

单击更少/更多后,我想在“更多”和“更少”旁边显示一个图标。

如何像这样制作多个按钮/ id?基于检查的解决方案。——</p>

0 投票
4 回答
4594 浏览

flutter - Flutter - 如何使用主题更改 IconButtons 的大小

我有一个带有多个 IconButtons 的行,我需要更改它们的颜色和大小。我设法改变了颜色,但我无法改变图标的​​大小。

如果我使用 iconSize 在 IconButtons 中设置大小,它可以工作,但使用 IconTheme 则不能。

我该如何解决?

0 投票
2 回答
1105 浏览

flutter - Flutter 消息应用程序 - 禁用图标按钮

我有一个消息传递应用程序,您可以在其中从要与之交谈的用户列表中进行选择。应用栏上有一个图标按钮,您可以在其中确认要发送消息的用户组。现在,用户可以多次向图标按钮发送垃圾邮件。我想在按下一次图标按钮后禁用它。我有一个 bool iconEnabled 变量,但我不确定将它放在 onPressed 的哪个位置。

0 投票
2 回答
870 浏览

flutter - Flutter 错误 - 找不到 Material 祖先的特定小部件是:

我正在使用Align小部件在屏幕底部中心放置一个图标按钮。

但是,我收到以下错误并且无法解决:

The specific widget that could not find a Material ancestor was: IconButton

我的代码:

如果我将 IconButton 小部件替换为 Text 小部件,则效果很好。

您能否解释一下为什么它不起作用,为什么 IconButton 需要一个 Material 祖先?

0 投票
3 回答
3498 浏览

material-ui - Material UI IconButton onClick 不允许处理事件

我安装了“@material-ui/core”:“^4.9.2”和“@material-ui/icons”:“^4.9.1”。

在我的表单中,我有几行,每行都有一个添加按钮和一个删除按钮。我希望删除按钮从中删除被单击的行。它适用于其中带有“-”字符的常规按钮。但我想要它花哨,所以我用 IconButton 替换了我的 Button,并导入了要使用的图标

我的 IconButton 看起来像这样:

当点击 IconButton 时,将调用 onClick 方法(我知道是因为我的控制台中的日志),但我无法处理该事件,因为它现在未定义。

有趣的是,如果我单击与图标不对应的按钮区域,它会起作用。但显然我需要它在按钮的整个区域工作。

在此处输入图像描述

这不是一个绑定问题,因为我已经对其进行了测试。

有任何想法吗?

0 投票
2 回答
120 浏览

flutter - 为什么 CircleAvator 的位置在 IconButton 下不能完全对齐?

创建了一个 IconButton 并响应地定位它。然后用 CircleAvator 小部件包装它。 我期待 circleavator 将被放置在 IconButton 下并且也会响应响应,但 CircleAvator 不会在按钮下对齐,甚至不会响应响应。 这是我的代码-

这是我的设备输出 - 在此处输入图像描述

0 投票
1 回答
1634 浏览

flutter - Flutter - 如何为 IconButton 赋予颜色?

通过阅读文档,我确信这是很好的声明,但添加图标仍然是灰色的。

0 投票
1 回答
372 浏览

flutter - IconButton 颜色不会改变 (Flutter)

我有一个用于密码字段的 TextField 小部件和一个用于显示/隐藏密码的 IconButton。我想要的是当用户点击 IconButton 时,它应该改变颜色。实际上,当我print(showPassWordIconColor)在单击 IconButton 之前和之后运行时,它的值会发生变化。但是它不显示更改后的颜色。我看过其他一些问题和他们的答案,我试过了,但我仍然遇到同样的问题。这是完整的小部件。(最初 showPasswordIconColor = Colors.grey)