Flutter：控制多个图标

Question

我想让用户选择一个图标，他们应该只能选择一个。所选图标更改其颜色，而所有其他图标保持不变。我该怎么做？

代码：

            IconButton(
              iconSize: 25,
              onPressed: () {
                setState(() {
                  isPressed = !isPressed;
                });
              },
              icon: Icon(
                ESGIcons.star,
              ),
              color: (isPressed)
                  ? AppTheme.esgEasyYellow
                  : AppTheme.esgDarkBlue,
            ),
            IconButton(
              iconSize: 25,
              onPressed: () {
                setState(() {
                  isPressed = !isPressed;
                });
              },
              icon: Icon(
                ESGIcons.crown,
              ),
              color: (isPressed)
                  ? AppTheme.esgEasyYellow
                  : AppTheme.esgDarkBlue,
            ),

Answer 1

试试这个

List<Icon> icons = [
  ESGIcons.star,
  ESGIcons.crown,
];
int buttonOnPressed = -1;
ListView.builder(
    scrollDirection : Axis.horizontal,
    shrinkWrap: true,
    itemCount: icons.length,
    itemBuilder: (BuildContext context, int index) {
      return IconButton(
        iconSize: 25,
        onPressed: () {
          setState(() {
            buttonOnPressed = index;
          });
        },
        icon: Icon(icons[index]),
        color: (buttonOnPressed == index)
            ? AppTheme.esgEasyYellow
            : AppTheme.esgDarkBlue,
      );
    });