Как динамически изменить цвет фона приподнятой кнопки в onPressed()

Если я не ошибаюсь, то, что вы пытаетесь сделать, уже обрабатывается флаттером. Я думаю, все, что вам нужно сделать, это установить hightlightColor кнопки, и при нажатии она изменится на этот цвет. И вы можете установить это в тему для всего вашего приложения, чтобы все кнопки вели себя одинаково, а не устанавливать его для каждой отдельной кнопки.

Однако есть также причина, по которой то, что вы делаете, не работает. Вы не включили достаточно кода, чтобы я мог сказать, но я считаю, что причина, по которой то, что вы делаете, не работает, заключается в том, что у вас есть список данных, которые вы мутируете при нажатии кнопки (т.е. zones[i].isSelected = false;) . Вы делаете это в setState, но способ, которым флаттер проверяет, нуждается ли что-то в восстановлении, заключается в выполнении сравнения на равенство для членов состояния (т.е. он проверяет, являются ли зоны == зонами).

Поскольку «зоны» — это просто список, и на самом деле это один и тот же список для старого состояния и нового состояния, флаттер будет считать, что ничего не изменилось, и не будет утруждать себя перестроением.

Есть два простых способа обойти это. Можно было бы делать копию списка каждый раз, когда он изменяется, и устанавливать член zones для этого, чтобы, когда флаттер выполнял сравнение old.zones != new.zones. Другим способом было бы сохранить отдельный объект, который вы меняете каждый раз, когда изменяется список (я обычно использую целое число, называемое changeCounter, которое я увеличиваю каждый раз, когда список изменяется), так как таким образом вы можете «обмануть» флаттер в перестройке.

Что вы можете сделать, так это создать свойство «цвет» (не требуется устанавливать для него какое-либо значение) в классе Zone. Затем установите для свойства color элемента RaisedButton значение zone.color ??= AppColors.primaryColor.

И теперь внутри функции onPressed вы можете проверить, если !zone.isSelected, а затем установить zone.color = Colors.white.

Ниже приведена реализация создания RaisedButton. Вы также можете проверить полную реализацию здесь

List<Widget> _createButton(BuildContext context, List<Zone> zones) {
    return zones.map((Zone zone) {
      return RaisedButton(
        onPressed: () {
          setState(() {
            if (!zone.isSelected) {
              zone.color = AppColors.white;
            }
          });
        },
        color: zone.color ??= Theme.of(context).primaryColor,
        child: Text(zone.text),
      );
    }).toList();
  }

Обновленный ответ (ElevatedButton)

Поскольку RaisedButton больше не рекомендуется, используйте ElevatedButton:

Код:

class _MyState extends State<MyPage> {
  bool _flag = true;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: () => setState(() => _flag = !_flag),
          child: Text(_flag ? 'Red' : 'Green'),
          style: ElevatedButton.styleFrom(
            primary: _flag ? Colors.red : Colors.teal, // This is what you need!
          ),
        ),
      ),
    );
  }
}

Старый ответ

Было сложно реализовать ваш код из-за неопределенных классов и переменных, однако я создал небольшой пример, который поможет вам в том, что вы ищете.

List<bool> _list = [true, false, true, false];

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text("Title")),
    body: ListView(children: _buildButtons()),
  );
}

List<Widget> _buildButtons() {
  List<Widget> listButtons = List.generate(_list.length, (i) {
    return RaisedButton(
      color: _list[i] ? Colors.green : Colors.red,
      onPressed: () {
        setState(() {
          _list[i] = !_list[i];
        });
      },
      child: Text("Button #${i}"),
    );
  });
  return listButtons;
}

Выход:

Вот очень простой подход.

bool isButtonPressed = false;

RaisedButton(
            color: isButtonPressed ? Colors.green : Colors.red,
            onPressed: () {
              setState(() {
                isButtonPressed =!isButtonPressed;
              });
            },
          ),