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

Обновленный ответ (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;
}

Выход:

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

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

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

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

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

bool isButtonPressed = false;

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

Что вы можете сделать, так это создать свойство «цвет» (не обязательно устанавливать для него какое-либо значение) в классе 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();
  }