如何更改列表中的单个按钮颜色- flutter

在Flutter中，要更改列表中单个按钮的颜色，你可以使用InkWell或GestureDetector来包裹你的按钮，并使用setState方法来改变按钮的颜色状态。以下是一个简单的示例代码：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Change Button Color in List'),
        ),
        body: ListButtons(),
      ),
    );
  }
}

class ListButtons extends StatefulWidget {
  @override
  _ListButtonsState createState() => _ListButtonsState();
}

class _ListButtonsState extends State<ListButtons> {
  List<Color> buttonColors = [
    Colors.blue,
    Colors.green,
    Colors.red,
    // 添加更多颜色
  ];

  void changeColor(int index) {
    setState(() {
      buttonColors[index] = buttonColors.contains(buttonColors[index])
          ? Colors.grey
          : buttonColors[index];
    });
  }

  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      itemCount: buttonColors.length,
      itemBuilder: (context, index) {
        return InkWell(
          onTap: () {
            changeColor(index);
          },
          child: Container(
            padding: EdgeInsets.all(10),
            color: buttonColors[index],
            child: Text('Button ${index + 1}'),
          ),
        );
      },
    );
  }
}