Flutter:CheckboxListTile 删除默认填充

Mic*_*sma 13 dart flutter flutter-layout

我希望在我的 CheckboxListTiles 行周围删除此填充,但没有找到有关如何在不制作我自己的复选框版本的情况下执行此操作的任何信息。

在此处输入图片说明

有没有办法(使用CheckboxListTile):

  1. 移除 CheckboxListTile 的(蓝色)左右填充
  2. 增加文本区域的宽度(我尝试过 sizedbox、container 等,但没有成功)

Uni*_*Uni 12

更新:ListTitleTheme不再需要使用了contentPadding现在是CheckboxListTile的属性之一。我们现在可以padding像这样删除默认值:

CheckboxListTile(
 contentPadding: EdgeInsets.all(0),
)
Run Code Online (Sandbox Code Playgroud)

  • 仅删除水平填充。 (5认同)
  • 简单又优雅。非常感谢! (2认同)

小智 10

消除复选框和标题之间间隙的正确方法是使用horizo​​ntalTitleGap

ListTileTheme(
   horizontalTitleGap: 0.0,
  child: CheckboxListTile(
    secondary: const Icon(Icons.drive_eta),
    title: Text("Your message"),
    onChanged: (bool value) {},
    value: true,
  ),
),
Run Code Online (Sandbox Code Playgroud)


Luc*_*ido 9

尝试使用以下代码:

ListTileTheme(
  contentPadding: EdgeInsets.all(0),
  child: CheckboxListTile(
    secondary: const Icon(Icons.drive_eta),
    title: Text("Your message"),
    onChanged: (bool value) {},
    value: true,
  ),
),
Run Code Online (Sandbox Code Playgroud)