如何删除/减少 Flutter 中 CheckboxListTile 的文本和复选框之间的空间?

时间:2021-01-21 22:52:17

标签: flutter

如何减少/去除下图中 CheckboxListTile 和 Text 之间的空间?

似乎以下行仅删除了周围的空间。

CheckboxListTile(
    title: Text('Account number not available'),
    contentPadding: EdgeInsets.all(0),
    controlAffinity: ListTileControlAffinity.leading,
)

enter image description here

1 个答案:

答案 0 :(得分:0)

CheckboxListTile 使用的 ListTile 与 contentPadding 具有相同的填充,因此这不是问题,因为您将其设置为 0.0,但它也有名为 visualDensity 的字段,您无法从 {{1 }}。这个visualDensity 继承自CheckboxListTile。因此,要么您将在主题中设置 ThemeData(您仍然无法完全删除突出显示的空间,但它会更小,这取决于您当前的 VisualDensity.compact 设置),或者像我一样制作一个自定义的 ThemeData 小部件以获得完全的灵活性,这并不难。

编辑:

我正在使用这个自定义 LabeledCheckbox 小部件,您可以使用字段 LabeledCheckbox 控制 CheckBoxText 之间的间隙,也可以用 gap 包裹所以它也注册点击文本,而不仅仅是复选框本身。

GestureDetector