减少颤动中复选框和标题之间的空间

Question

我需要删除复选框和标题之间的空格，但我无法减少空格

这是我的代码

                      Expanded(
                      //width: 30,

                      child: CheckboxListTile(
                          checkColor: Colors.white,
                          activeColor: PRIMARY_COLOR,
                          title: Text('Select All',
                              style: TextStyle(
                                  fontSize: 12,
                                  fontWeight: FontWeight.bold,
                                  color: Colors.black)),
                          value: _selectAll,
                          dense: true,
                          contentPadding: EdgeInsets.fromLTRB(0, 0, 0, 0),
                          controlAffinity: ListTileControlAffinity.leading,
                          onChanged: (bool value) {
                          
                              }
                            }
                        
                            setState(() {});
                          }),
                    ),

这是它是如何到来的图像

如何减少空间

Answer 1

您需要创建一个自定义小部件来解决您的问题，因为如果您按原样使用 CheckboxListTile，您将不得不向小部件添加更多 contentPadding 以缩小差距并默认情况下，我看到它在实际复选框和文本小部件之间有一个默认填充......我个人不知道你为什么要从这个东西中挤出更多空间，因为在文档中它清楚地说明了 CheckboxListTile就像 ListTile 一样，据我所知，它占用了一行中的所有可用空间，并且小部件中项目之间的填充会更大一点。此外，您的小部件包装在一个扩展小部件中，该小部件也占用了整个可用空间。因此，总而言之，您可以按照预期的方式使用它，也可以创建一个自定义小部件来解决您的问题。