flutter - 如何包装 RadioButtonGroup 的标签？我在哪里可以提供扩展或灵活？

Question

在这个项目中，我有 10 个问题，每个问题有 4 个选项。每个选项都溢出（flutter：抛出了另一个异常：A RenderFlex 在右侧溢出了 196 个像素。）。请参阅下面的我的代码

//using RadioButtonGroup because question have 4 option
 RadioButtonGroup(
   labels: <String>[
     que_list[index]['option_list'][0],
     que_list[index]['option_list'][1],
     que_list[index]['option_list'][2],
     que_list[index]['option_list'][3]
   ],
   labelStyle: TextStyle(
     fontSize: 15,
     fontWeight: FontWeight.normal,
     color: Colors.white
   ),
   onChange: (String label, int index) {},
   onSelected: (String selected) {
     print(selected);
   },
   activeColor: Colors.white,
 ),

我尝试了上面的代码，也给了 Column 和 Container ，RadioButtonGroup但没有发生任何变化。谁能帮我解决这个问题？

谢谢

标签： flutterword-wrapradio-groupexpanderflexible-type

Answer 1

也许这会帮助你：

return Scaffold(
      appBar: AppBar(
        title: Text('First Route'),
      ),
      body: Center(
      child: Container(
        color: Colors.blue,
      child: RadioButtonGroup(
        labels: <String>[
          "que_list[index]['option_list'][0] que_list[index]['option_list'][0]",
          "que_list[index]['option_list'][1]",
          "que_list[index]['option_list'][2]",
          "que_list[index]['option_list'][3]"
        ],
        labelStyle: TextStyle(
            fontSize: 15,
            fontWeight: FontWeight.normal,
            color: Colors.white),
        onChange: (String label, int index) {},
        onSelected: (String selected) {
          print(selected);
        },
        activeColor: Colors.white,
          itemBuilder: (Radio radioButton, Text label, int index) {
            return Row(children: [radioButton, Flexible(child: label)]);
          }
      )),
    ));