我对 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/