我如何设置 Flutter Form Builder Radio Group 选项的样式？

Question

我正在使用 Flutter Form Builder 和 FormBuilderRadioGroup，但我不知道如何设置始终为黑色的选项的样式。更改应用程序的主色板没有任何区别。下面代码中的颜色选项也没有效果。标签样式有效，但选项内容样式无效。选中的选项始终为蓝色。

我的表单有深色背景，我需要选项内容为白色。

FormBuilderRadioGroup(
  name: "role",
  decoration: InputDecoration(
    labelText: "Role",
    labelStyle: TextStyle(color: personLabelColor, fontSize: _user.fontsize, fontWeight: FontWeight.normal),
    fillColor: Colors.red,
    focusColor: Colors.blue,
    hoverColor: Colors.yellow,
  ),
  options: const [
    FormBuilderFieldOption(value: 0),
    FormBuilderFieldOption(value: 1),
    FormBuilderFieldOption(value: 2),
    FormBuilderFieldOption(value: 3),
    FormBuilderFieldOption(value: 4),
    FormBuilderFieldOption(value: 5),
  ],
  initialValue: _person.role,
),

Answer 1

使用主题中的 unselectedWidgetColor，更改单选按钮的默认 black/gray 颜色。或者您可以使用 radioTheme 的 fillColor 来更改它。

Theme(
  data: Theme.of(context).copyWith(
    ///selected radio button color
    selectedRowColor: Colors.green, 
    
    // unselected radio button
    unselectedWidgetColor: Colors.yellow, 
    radioTheme: Theme.of(context).radioTheme.copyWith(
          fillColor: MaterialStateProperty.all(Colors.purple),
        ),
  ),
  child: FormBuilderRadioGroup(

activeColor on FormBuilderRadioGroup 更改所选单选按钮的默认蓝色。

child: FormBuilderRadioGroup(
  name: "role",
  activeColor: Colors.white, // this

我如何设置 Flutter Form Builder Radio Group 选项的样式？

How do I style Flutter Form Builder Radio Group options?

flutter

flutter-dependencies

flutter-form-builder