有一排用于在 flutter 中选择心情的按钮

Question

我想制作一排类似于这张图片中的按钮

除了我希望图标是数字，所选按钮的颜色与其余项目不同

我真的找不到任何有我需要的东西，因为我还需要有一个选择器，只有当上面的真或假按钮也被选择时才显示。我还需要返回是否选择了 true 或 false。

如果有人对我如何去做这件事有任何想法或建议，我会非常感激。 提前非常感谢您

Answer 1

我能给你的第一个建议是一步一步做事。

您将需要一个包含您的物品的行。

每个项目都可以是一个容器，里面有一个文本字段。

您可以在每个容器顶部使用 InkWell 来“检测”用户输入。

您将需要使用状态来处理更改（例如当用户点击数字时）。

有多种使用状态的方法，但我看到一种可以轻松设置的方法：

每个容器都使用 int 值条件（例如颜色），例如：

color: selected == 1 ? Colors.redAccent : Colors.transparent

您需要在 InkWell onTap 中添加 setState 函数后，该函数会将 int selected 变量设置为您想要的值。