将ListTile小部件的背景更改为透明，使其与背景页面的颜色融合

Question

我必须创建一个带有一些文本的切换开关。我认为最好使用ListTile小部件来做到这一点，该小部件使用title在切换开关旁边显示文本，并使用lead在文本之前显示开关。问题是，当页面背景更改时，ListTile背景为白色。

我可以将listtile小部件放入容器中，并更改容器的颜色以更改listtile的颜色，但是我不想这样做，因为背景是动态变化的，并且我不想更改容器每次。有什么方法可以使列表项透明，以便自动获取背景颜色？

图像中不久，背景是黄色，但可吹奏性是白色，我希望它是黄色。How it currently looks。我拥有的代码：

Scaffold(
 backgroundColor: Colors.yellow,
        child: ListTile(
          leading:  ToggleSwitch
          title: Text("Account"),
        ),
      )

我不能进行以下操作是因为我可以设置支架的背景，但是我不能手动设置容器的颜色：

Scaffold(
 backgroundColor: Colors.yellow,
        child: Container(
color : Colors.yellow 
ListTile(
          leading:  ToggleSwitch
          title: Text("Account"),
        ),
      ),
)

是否有一种方法可以实现这一目标，或者应该不使用ListTile小部件来实现？

Answer 1

您必须从documentation创建一个自定义listTile，而ListTile构造函数不要使用颜色

 ListTile({Key key, Widget leading, Widget title, Widget subtitle, Widget trailing, bool isThreeLine: false, bool dense, EdgeInsetsGeometry contentPadding, bool enabled: true, GestureTapCallback onTap, GestureLongPressCallback onLongPress, bool selected: false }) 

在文档页面上有一个有关如何创建自定义ListTile的示例