dart - 如何删除 RadioListTile 上的内部填充，以便可以连续使用 3 个 RadioListTiles？

Question

我对 Flutter 和 Dart 很陌生，我似乎找不到任何关于这个特定主题的提示。我正在尝试将 3 个 RadioListTiles 放在 Row 中，如下所示:

Row(
        children: [
          Expanded(
            child:RadioListTile<GoalSelection>(
              title: Text(
                'Net',
                style: Theme.of(context).textTheme.body1,
              ),
              value: GoalSelection.net,
              groupValue: _goalSelection,
              onChanged: (GoalSelection value) {
                setState(() {
                  _goalSelection = value;
                });
              },
            ),
          ),
          Expanded(
            child: RadioListTile<GoalSelection>(
              title: Text(
                'Gross',
                style: Theme.of(context).textTheme.body1,
              ),
              value: GoalSelection.gross,
              groupValue: _goalSelection,
              onChanged: (GoalSelection value) {
                setState(() {
                  _goalSelection = value;
                });
              },
            ),
          ),
          Expanded(
            child: RadioListTile<GoalSelection>(
              title: Text(
                'Salary',
                style: Theme.of(context).textTheme.body1,
              ),
              value: GoalSelection.salary,
              groupValue: _goalSelection,
              onChanged: (GoalSelection value) {
                setState(() {
                  _goalSelection = value;
                });
              },
            ),
          ),
        ],
      ),

按钮布局很好，但标签似乎浪费了很多空间。我在下面放了一张它目前的截图。我尝试将 Expanded、RadioListTile 和 Text 包装在 Padding 小部件中(一次一个) 手动将填充设置为 0，但它没有做任何事情。我也尝试将 Expanded 更改为 Flexible，即使我认为这不会改变任何事情。我现在不知所措。有没有办法让这个布局工作？我有点假设我正在做的事情真的很愚蠢。

Answer 1

您可以连续使用 Radio 和 Text 小部件。但是 Radio 也有同样的填充问题。要删除填充，您可以将 Radio 作为 SizedBox 的子项。

eg:- SizedBox(height: 20, width: 20, child: Radio(.......))