问题标签 [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 投票
2 回答
128 浏览

flutter - Flutter 将 IconButton 内容与父边界对齐

是否可以让 IconButton 内容(图标)与父小部件边界对齐?

得到这样的代码

我想保持 Icon 与 Row 小部件左边界对齐,并在该位置周围保持点击启动动画。

使用此参数,可以将 Icon 定位到我需要它的位置,但单击时飞溅动画保持未对齐。

所以它做了这样的事情(垂直标记线是父小部件边界)

在此处输入图像描述

但我需要这个

在此处输入图像描述

0 投票
1 回答
146 浏览

list - Flutter:添加动态 TextFormField 以将数据上传到列表

我有一个电子商务应用程序,我想让用户在发布产品时能够添加自定义选项。我已经构建了选项表单,并且我有为附加“选项”添加新 TextFormField 的逻辑,但我无法显示“添加/删除”按钮,以便他们可以添加新字段。

这是 TextFieldForm 所在的代码:

这是我必须动态添加字段的内容:

如何让添加/删除按钮显示?

0 投票
4 回答
1257 浏览

flutter - 如何根据条件抖动更改 IconButton?

如果按下 iconButton 并且当基于条件加载列表视图时 iconButton 颜色将被更改,我想更改按钮颜色。我有一个列表视图,并且在列表视图的每一行中我都有一个类似的图标按钮。我需要在按下时将颜色从灰色更改为蓝色,并且当列表视图再次加载时,我是否喜欢之前是否喜欢,并且基于此条件我必须更改颜色。

我怎样才能做到这一点?

0 投票
1 回答
1180 浏览

flutter - 带行的图标按钮

我想,在这段代码中,将 IconButton 放在每个 ItemView 的右上角。ItemDescription 和 ItemTitle 在顶部居中。我尝试将它们放在同一行中,但无法将它们组合在一起,IconButton 要么粘在文本上,要么位于中间。我认为这很容易,但我没有找到解决方案。

这是代码:

更新:我添加了一个Spacer()并将所有内容放在同一行中,并将 CrossAxisAlignment 设置为 .center。

0 投票
5 回答
6439 浏览

flutter - 按下时如何更改 IconButton 的图标

我想知道如何在按下 IconButton 时更改 IconButton 的图标。(Favorite_border 到收藏夹)。我尝试了一些东西,但它不起作用。也许这很容易,但我是初学者,我不太了解它是如何工作的。

更新

它是一个带有图像、文本和收藏按钮的 ListView,它工作正常。

0 投票
1 回答
109 浏览

c# - 如何在 WinForms 按钮的文本之前添加图像图标?

我正在尝试在 WinForms 按钮 87x30 大小的文本之前添加 .ico 48x48 图像:

结果是:

在此处输入图像描述

我试图弄清楚,如何将左侧的图像与相关距离上的文本对齐,如下所示:

在此处输入图像描述

编辑:

结果:

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
54 浏览

reactjs - 将 Button 和 IconButton 组件放在同一行

所以,我想在同一行显示一个带有 IconButton 的 Button,它们位于带有道具的 Grid 容器中align="center",我认为这可能是导致问题的原因。我是material-ui的初学者,我尝试了很多东西,但都没有用,我需要帮助!

CSS:

JSX:

我希望我留下了正确数量的代码,如果您需要更多代码,请询问,谢谢!

0 投票
0 回答
1272 浏览

reactjs - Material UI - 带有变体道具的自定义图标按钮,如真正的按钮

这是我的第一篇文章,如果我忘记了什么,对不起......

对于我的工作,我必须使用 Material UI,并且我需要一个具有某些包含样式的 IconButton,例如真正的 Button!

我设法通过 Mui 组件的完整复制粘贴来做到这一点:https ://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/IconButton/IconButton.js

我所做的只是添加了基于 Button 组件的包含样式的代码和样式,但我认为这不是正确的方法......我想将 IconButton 作为别名导入并添加变体有一些新样式的道具,但我不知道该怎么做。

这是我的组件:

这个实现也给我一个黑暗模式的错误,似乎很难维护。非常感谢你的帮助 !

0 投票
1 回答
90 浏览

flutter - 如何在 Flutter 中更改 BottomNavigationBarItem 的 splashRadius

我正在尝试在 Flutter 中更改 BottomNavigationBarItem 的 de splashRadius,就好像它是一个 IconButton 但没有一个变量可以作为 splashRadius 一样工作。有什么帮助吗?

0 投票
0 回答
405 浏览

css - 使用样式化的组件单击时如何从 Material IconButton 中删除轮廓边框

我使用了材质 iconButton 但不希望单击按钮时出现轮廓边框。我尝试了一切,但似乎没有任何效果。是否可以使用样式化的组件来做到这一点?

检查下图。

图片

在此处输入图像描述

我的代码在这里:

代码