我对 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，即使我认为这不会改变任何事情。我现在不知所措。有没有办法让这个布局工作？我有点假设我正在做的事情真的很愚蠢。
最佳答案
您可以连续使用 Radio 和 Text 小部件。但是 Radio 也有同样的填充问题。要删除填充，您可以将 Radio 作为 SizedBox 的子项。
eg:- SizedBox(height: 20, width: 20, child: Radio(.......))
关于dart - 如何删除 RadioListTile 上的内部填充，以便可以连续使用 3 个 RadioListTiles？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50317072/