Flutter实现整行可点击Radio选择，而非仅单选按钮触发

你可以通过给Row添加点击手势监听来实现需求，推荐用InkWell（自带Material风格的点击涟漪效果），同时把选中逻辑抽成复用方法避免重复代码。修改后的完整实现如下：

首先，在你的State类中抽离统一的选中方法：

void _onSelectPaymentMethod(String? value) {
  setState(() {
    _selectedPaymentMethod = value;
  });
}

然后用InkWell包裹整个Row，并复用上述方法：

InkWell(
  behavior: HitTestBehavior.opaque, // 确保Row空白区域也能响应点击
  onTap: () => _onSelectPaymentMethod('pay'),
  child: Row(
    children: [
      Radio<String>(
        value: 'pay',
        activeColor: colorBlue,
        groupValue: _selectedPaymentMethod,
        fillColor: MaterialStateColor.resolveWith(
            (states) => Colors.grey[300]),
        onChanged: _onSelectPaymentMethod,
      ),
      Icon(
        Icons.monetization_on,
        size: 45,
      ),
      SizedBox(
        width: 20,
      ),
      Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Align(
              alignment: Alignment.centerLeft, child: Text("Credit")),
          SizedBox(
            height: 3,
          ),
          Align(
              alignment: Alignment.centerLeft,
              child: Text(
                "Coming soon!",
                style: TextStyle(
                    color: Colors.grey[400],
                    fontSize: 12,
                    fontWeight: FontWeight.normal,
                    fontFamily: 'Montserrat'),
              )),
          Align(
              alignment: Alignment.centerLeft, child: Text("200USD"))
        ],
      )
    ],
  ),
)

关键说明 #

• 用InkWell替代GestureDetector，能提供Material设计的点击涟漪反馈，提升用户体验
• 设置HitTestBehavior.opaque，可以让Row的所有区域（包括空白处）都触发点击事件
• 抽离统一的选中方法，避免Radio和Row点击逻辑重复，便于后续维护

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