flutter 如何更改ListTile的背景颜色？

hgc7kmma 于 2023-04-22 发布在 Flutter

关注(0)|答案(2)|浏览(401)

我做设置页面，并希望像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),
                  ),

flutter

来源：https://stackoverflow.com/questions/54082334/how-to-change-background-color-of-listtile

2条答案

按热度按时间

brccelvz1#

只需将ListTile Package 在Container中
2019答案

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

更新答案（在2020年https://github.com/flutter/flutter/pull/61347合并此PR后）

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

赞(0）回复(0）举报 2023-04-22

pxy2qtax2#

我用Material小部件 Package 了ListTile并设置了颜色。这将保留listTile的涟漪效果。
例如

Material(
        color: Colors.grey[300],
              child: ListTile(
                title: Text('Hello')
              )

    );

赞(0）回复(0）举报 2023-04-22

我来回答

flutter 如何更改ListTile的背景颜色？

2条答案

相关问题

热门标签

最新问答