Flutter如何修改Padding区域的背景颜色？

Flutter的Padding组件本身没有背景色属性，要实现给Padding区域设置背景色的需求，你可以通过Container组件来实现，下面提供两种具体的修改方式：

方式一：用Container替换Padding #

直接将原代码中的Padding替换为Container，保留原有的padding参数，新增color参数来设置背景色：

SliverList(
  delegate: SliverChildBuilderDelegate(
        (context, index) => Card(
      elevation: 1,
      color: MyColors.white,
      margin: const EdgeInsets.symmetric(vertical: 0),
      child: Container( // 替换为Container
        padding: const EdgeInsets.all(8.0), // 保留原padding设置
        color: Colors.grey.shade100, // 设置目标背景色
        child: ListTile(
              shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30)),
              tileColor: Color(0xFFFCF9E8),
              leading: Image(image: AssetImage(_allUsers[index]['icon']),height: 30,width: 30,),
              title: Text(_allUsers[index]['name']),
              subtitle: Text('${_allUsers[index]["generic"]}'),
              trailing: Text('${_allUsers[index]["unit_price"]}'),
        ),
      ),
    ),
    childCount: _allUsers.length,
  ),
),

方式二：在Padding外层包裹Container #

如果想要保留Padding组件的写法，可以在它外层套一层Container，通过Container的color属性设置背景色：

SliverList(
  delegate: SliverChildBuilderDelegate(
        (context, index) => Card(
      elevation: 1,
      color: MyColors.white,
      margin: const EdgeInsets.symmetric(vertical: 0),
      child: Container( // 外层添加Container
        color: Colors.grey.shade100, // 设置背景色
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ListTile(
                shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(30)),
                tileColor: Color(0xFFFCF9E8),
                leading: Image(image: AssetImage(_allUsers[index]['icon']),height: 30,width: 30,),
                title: Text(_allUsers[index]['name']),
                subtitle: Text('${_allUsers[index]["generic"]}'),
                trailing: Text('${_allUsers[index]["unit_price"]}'),
          ),
        ),
      ),
    ),
    childCount: _allUsers.length,
  ),
),

两种方式都能达到给原Padding区域设置背景色的效果，你可以根据自己的代码习惯选择使用。

内容的提问来源于stack exchange，提问作者Mostafa