有没有办法在 Flutter 上更改 ListTile 的领先背景？

Question

我正在使用 CircleAvatar 作为领导制作一个列表。 我希望背景与制作正方形的头像圆圈颜色相同。

列表的第 2 项显示了我的意思

有没有简单的方法来做到这一点？

顺便说一下，这是我的代码：

child: new ListTile(
              leading: CircleAvatar(
                backgroundColor: Colors.red,
                child: Text(listData[i].index,
                  style: TextStyle(color: Colors.white),),
              ),
              title: new Text(listData[i].word),
              subtitle: new Text(listData[i].definition),
            onTap: (){
                print("Tocou!");
            },
          ),

谢谢你。

Answer 1

您可以删除 ListTile 的内容填充（水平 16）并使用 AspectRatio ：

ListTile(
          contentPadding: EdgeInsets.all(0),
            leading: AspectRatio(
              aspectRatio: 1,
              child: Container(
                color: Colors.red,
                child: Center(
                  child: Text("1",
                    style: TextStyle(color: Colors.white),),
                ),
              ),
            ),
            title: Text(listData[i].word),
            subtitle: Text(listData[i].definition),
          onTap: (){
              print("Tocou!");
          },
        ),