Question

我正在进行设置页面，并希望进行类似iOS的设置（灰色背景和白色图块）。我尝试添加容器，以便可以向ListTile添加颜色，但总是会出错。

有人知道如何在此处添加容器吗？

  body: new SingleChildScrollView(

        child: Column(

          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: <Widget>[

               Column(

                children: <Widget>[

                  ListTile(
                    leading: Icon(
                      Icons.person,
                      color: Colors.grey,
                    ),
                    title: Text("Account"),
                    trailing: Icon(Icons.keyboard_arrow_right),
                  ),

Answer 1

只需将ListTile包裹在Container

  Container(
        color: Colors.grey[200],
        child: ListTile(
          leading: Icon(
            Icons.person,
            color: Colors.grey,
          ),
          title: Text("Account"),
          trailing: Icon(Icons.keyboard_arrow_right),
        ),
      )

Answer 2

我用pkgname-package小部件包装ListTile并设置颜色。这将保留listTile的涟漪效应。

例如

Material

如何更改ListTile的背景颜色？

2 个答案: