我对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
,尽管我认为这不会改变任何事情。我现在不知所措。有没有办法让这个布局工作?我有点假设我正在做的事情真的很蠢。
RadioListTile
用于在垂直滚动列表中获取整个宽度。
如果您不想要此行为,请不要使用它。请改用Radio
。