如何减少checkboxListTile之间空格

Question

我有一个字符串数组，通过它映射使用CheckboxListTile小部件作为标签不同的复选框，但我需要减少这些复选框之间的空间。

  @override
  _CheckBoxInListviewState createState() => _CheckBoxInListviewState();
}

class _CheckBoxInListviewState extends State<CheckBoxInListview> {
  // bool _isChecked = false;

 Map<String,bool> _texts = {
    "InduceSmile.com": false,
    "google.com": false,
    "youtube.com": false,
    "yahoo.com": false,
 };
  @override
  Widget build(BuildContext context) {
return  Column(
          
          children: _texts.keys.map((text) => Theme(
            data: ThemeData(

                    checkboxTheme: CheckboxThemeData(
                      visualDensity: VisualDensity.compact,
                        shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.only(topLeft: Radius.circular(4),topRight: Radius.circular(4),bottomLeft: Radius.circular(4),bottomRight: Radius.circular(4))))),
            child: CheckboxListTile(
              controlAffinity: ListTileControlAffinity.leading,
              title: Transform.translate(offset: Offset(-15,0),
              child: Text(text,style: TextStyle(fontSize: 13),),
              ),
               value: _texts[text],
                  onChanged: (val) {
                  setState(() {
                   _texts[text] = val;
            
                });
              },
            ),
          )).toList(),
  );
  }
}

Answer 1

正如@pskink在评论中提到的，checkboxlisttile就像是固定高度组件，只有contentpadding可以调整内容周围的空间，其他的都不能控制。

但是，您可以增加文本小部件的字体大小以提供更好的用户界面--下面是字体大小为28的屏幕快照。