Flutter:如何给ToggleButtons的每个按钮上色

Flutter是一种跨平台的移动应用开发框架，它可以同时在Android和iOS平台上构建高性能、美观的应用程序。在Flutter中，可以使用ToggleButtons小部件创建一个具有多个切换按钮的组合。每个按钮可以通过设置颜色属性来上色。

要给ToggleButtons的每个按钮上色，需要使用Flutter中的MaterialApp和ToggleButtons小部件。下面是一种可能的实现方法：

导入Flutter的库：

import 'package:flutter/material.dart';

在Flutter应用程序的主函数中创建一个MaterialApp小部件：

void main() {
  runApp(MaterialApp(
    home: MyToggleButtons(),
  ));
}

创建一个自定义的ToggleButtons小部件，并在其中定义按钮的颜色：

class MyToggleButtons extends StatefulWidget {
  @override
  _MyToggleButtonsState createState() => _MyToggleButtonsState();
}

class _MyToggleButtonsState extends State<MyToggleButtons> {
  List<bool> isSelected = [false, false, false];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Toggle Buttons'),
      ),
      body: Center(
        child: ToggleButtons(
          isSelected: isSelected,
          color: Colors.white,
          selectedColor: Colors.red,
          fillColor: Colors.blue,
          children: <Widget>[
            Icon(Icons.favorite),
            Icon(Icons.star),
            Icon(Icons.camera),
          ],
          onPressed: (int index) {
            setState(() {
              isSelected[index] = !isSelected[index];
            });
          },
        ),
      ),
    );
  }
}

在上述代码中，我们定义了一个isSelected列表来存储每个按钮的选中状态。我们还通过color、selectedColor和fillColor属性来设置按钮的颜色。在children列表中，我们使用了三个不同的图标作为按钮的内容。最后，我们在onPressed回调函数中更新按钮的选中状态。

这样，每个按钮都会根据其选中状态显示不同的颜色。未选中状态的按钮将显示color属性定义的颜色，选中状态的按钮将显示selectedColor属性定义的颜色，而fillColor属性定义了选中状态的按钮的背景颜色。

希望以上解答能够满足您的要求，如果有任何问题，请随时提问。