问题标签 [iconbutton]

我正在尝试使用 CSS 使用滑块创建一个类似于图标栏的移动菜单，如下所示。

从 w3schools ( https://www.w3schools.com/howto/howto_css_icon_bar.asp ) 我发现了 CSS。但是它不适用于主题。在我的主题中，它显示如下。

我想在图标上添加背景颜色，因此我试图将它包装在容器中，但它不工作它给了我这个错误。

这是我的代码

请帮助如何解决它

我目前正在尝试使用 Material UI 构建一个带有图标作为输入装饰的文件上传输入字段。我希望能够单击该图标来上传文件。

按照此处的 MUI 文档：输入装饰，我尝试遵循确切的格式，除了在演示中使用 IconButton 而不是密码可见性图标。

这是我的代码示例：

这行得通，但结果根本不是我想要的——这是它在浏览器中的截图：

您可以在右侧一直看到我的上传图标，但输入字段显然有自己的上传按钮和占位符文本（“未选择文件”）。

在网上看了一下，看到这里有一个建议：（类似 StackOverflow 的帖子）说我们应该添加style: {{ display: none }}到Input组件中，并添加component="span"为 IconButton 的属性。但是，当我尝试这样做时，浏览器会为我们提供以下内容：

（这是一直滚动...我的源图标不见了，输入字段下面没有行分隔符，间距明显搞砸了...）

显然，这些都不是我想要的哈哈。有人可以帮忙吗？？（我希望这个描述足够好......）

太感谢了！！

-

编辑： 这是@Shiladitya 的初始解决方案的样子：

但我希望文本字段有一行！我希望它看起来与“Sim Binary”文本字段完全一样，只是右侧有一个上传图标而不是下拉箭头。

我有一个里面的按钮GestureDetector。theGestureDetector和 theIconButton都有自己的功能。但是，我只想GestureDetector在点击图标时执行而不是 ```IconButton`` 的功能。我知道这个问题的一些解决方案，但我仍然想知道在上述情况下，是否有任何解决方案可以防止颤振执行 IconButton 的功能？

谢谢

早上好/下午或晚上。我是一个学习 Flutter 的新手，我想在我的应用程序上使用 OpenContainer 转换，但我不知道如何。这是我在应用程序中的图标按钮代码之一：

我用 DecoredBox 包装了 IconButton，为什么闪屏显示不正确？

这是错误还是我错了？有没有人有办法解决吗？

我想IconButton在图标下方添加文字。我尝试将这些与宽度相关的方法应用于Modifier所有IconButton、Column和. 下面的代码是我得到的最接近的。结果看起来像这样。这就是我想要实现的目标。IconText

我正在做一个更大的项目，但不知道为什么这个小部分让我几乎呆了一整天。

我刚刚尝试在 AllTests() 之前删除const关键字，但它现在仍在工作。我也尝试将函数直接放入 IconButton 的 onPressed 中。

hello 被打印到控制台，但图标没有改变。有什么问题？

我希望在按下一个麦克风图标时启动语音到文本功能，同时启动噪音计功能。

目前，语音转文本的图标和噪音计的图标是分开的。有没有办法将这些组合成一个图标？

• 噪声计

• Speech_to_text

我在 .的右侧有 a和Rowa 。TextFieldIconButtonTextField

目标是让IconButton屏幕外&当用户开始输入时，TextField宽度应该缩小（右边的填充会更新）&IconButton会滑入视图。如果用户退格所有字符，则会发生相反的情况。

我的滑动件工作得很好，但我似乎无法获得TextField正确的填充来更新。现在我只看到按钮所在的空白区域，然后当我输入时我看到它滑入，当我退格到空时我看到IconButton滑出屏幕。

这是我现在的样子：