Flutter GroupButton组件onSelected方法失效问题求助

问题原因 #

你通过buttonIndexedBuilder自定义RadioTile组件后，在组件点击事件中直接调用_radioController.selectIndex(index)，这种操作绕过了GroupButton内部的点击处理逻辑，导致onSelected回调无法触发。GroupButton的onSelected绑定在其默认按钮的点击流程中，自定义按钮后不遵循它的触发逻辑，就不会触发该回调。

另外注意：你初始化GroupButtonController时给selectedIndexes设置了[0, 1, 2, 3]，但开启了isRadio: true单选模式，这种配置会导致状态异常——单选模式下selectedIndexes应该只包含一个元素（或空数组）。

解决方案 #

这里提供两种可行的解决方式：

方式一：让GroupButton接管点击事件

修改buttonIndexedBuilder实现，将自定义组件的点击事件交给GroupButton处理，确保触发内部逻辑从而调用onSelected：

@override
Widget build(BuildContext context) {
  return GroupButton(
      controller: _radioController,
      isRadio: true,
      options: const GroupButtonOptions(groupingType: GroupingType.column),
      buttons: _radioButtons,
      buttonIndexedBuilder: (selected, index, context) {
        // 用InkWell包裹自定义组件，点击时触发GroupButton内部点击方法
        return InkWell(
          onTap: () {
            (context as GroupButtonState).onButtonTap(index);
          },
          child: RadioTile(
            title: _radioButtons[index],
            selected: _radioController.selectedIndex,
            index: index,
            onTap: () {}, // 自定义组件内部不再处理点击
          ),
        );
      },
      onSelected: (val, i, selected) {
        print('object');
      });
}

方式二：监听GroupButtonController的状态变化

既然已经用控制器管理选中状态，可直接监听控制器变化，替代onSelected的作用：

1. 在initState中添加控制器监听：

@override
void initState() {
  _radioButtons = widget.radioButtons;
  // 单选模式下初始化选中单个索引，示例为选中第一个
  _radioController = GroupButtonController(
    selectedIndexes: [0],
  );
  // 添加状态监听
  _radioController.addListener(() {
    final selectedIndex = _radioController.selectedIndex;
    if (selectedIndex != null) {
      final selectedValue = _radioButtons[selectedIndex];
      print('object');
      // 这里执行你原来在onSelected中的逻辑
    }
  });
  super.initState();
}

2. 保持原RadioTile点击逻辑不变即可，控制器变化时会自动触发监听回调。

额外优化 #

可简化RadioTile中Radio组件的onChanged逻辑，避免重复触发：

leading: Radio<int>(
  groupValue: selected,
  value: index,
  onChanged: (_) => onTap(),
),

内容的提问来源于stack exchange，提问作者mctracy