[TDRadioGroup, TDRadio] 在 cardMode 为 true 时, TDRadio 排列问题

[gailiuziaa007]

tdesign-flutter 版本

0.1.6

重现链接

No response

重现步骤

`import 'package:flutter/material.dart'; import 'package:tdesign_flutter/tdesign_flutter.dart';

/// 测试页面 class DemoPage extends StatefulWidget { const DemoPage({super.key});

@override State createState() => _DemoPageState(); }

class _DemoPageState extends State { @override void initState() { super.initState(); }

@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text("测试"), ), body: ListView( children: [ Container( padding: EdgeInsets.only(top: 10, bottom: 10), decoration: BoxDecoration( color: Colors.grey.withOpacity(0.15), ), child: TDRadioGroup( selectId: 'index:1', cardMode: true, direction: Axis.horizontal, directionalTdRadios: const [ TDRadio( id: 'index:0', title: '单选', cardMode: true, ), TDRadio( id: 'index:1', title: '单选', cardMode: true, ), TDRadio( id: 'index:2', title: '单选', cardMode: true, ), TDRadio( id: 'index:3', title: '单选', cardMode: true, ), TDRadio( id: 'index:4', title: '单选', cardMode: true, ), TDRadio( id: 'index:5', title: '单选', cardMode: true, ), TDRadio( id: 'index:6', title: '单选', cardMode: true, ), TDRadio( id: 'index:7', title: '单选', cardMode: true, ), TDRadio( id: 'index:8', title: '单选', cardMode: true, ), TDRadio( id: 'index:9', title: '单选', cardMode: true, ), ], ), ), ], ), ); } } `

期望结果

TDRadioGroup, TDRadio 在 cardMode 为 true 时, 是 TDRadio 去均分整行, 没法控制单个TDRadio的padding值, 看起来框有点胖, 建议

1. TDRadioGroup, TDRadio, 在 cardMode 为 true 时, TDRadio 默认是wrap效果
2. TDRadioGroup, TDRadio, 在 cardMode 为 true 时, 允许指定列数, 比如列数量为2, 那就一行2个均分
3. 可以考虑 cardMode 为 true 时, 单独抽成一个组件, 可以参照 https://mobile.ant.design/zh/components/selector

实际结果

No response

Flutter版本

No response

设备与机型信息

No response

系统版本

No response

补充说明

No response

[github-actions[bot]]

👋 @gailiuziaa007，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。