切换按钮的背景颜色

Question

我正在尝试更改未选择的切换按钮的背景颜色。我想背景颜色现在默认设置为透明，我无法更改它。我试图用扩展的彩色容器填充按钮，但这不起作用

这是图片

这是代码

Container(
      child: ToggleButtons(
        borderRadius: BorderRadius.circular(5),
        selectedColor: Colors.white,
        fillColor: Colors.blue,
        //renderBorder: false,
        children: [Text('Option1'), Text('Option2'), Text('Option3')],
        isSelected: [true, false, false],
        onPressed: (d) {},
      ),
    )

Answer 1

是的，未选择的切换按钮是透明的...在官方文档中找不到任何有关为它们设置背景颜色的信息。

那么，如何设置父容器的背景呢？

此解决方案是否满足您的需求？

              Container(
                padding: EdgeInsets.zero,
                decoration: BoxDecoration(
                  color: Colors.yellow,
                  border: Border.all(color: Colors.black, width: 1.0),
                  borderRadius: BorderRadius.all(Radius.circular(5.0)),
                ),
                child: ToggleButtons(
                  selectedColor: Colors.white,
                  borderRadius: BorderRadius.circular(5),
                  fillColor: Colors.blue,
                  children: [Text('Option1'), Text('Option2'), Text('Option3')],
                  isSelected: [true, false, false],
                  onPressed: (d) {},
                ),
              ),