1

我将Flutter Form Builder与 a 一起使用，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,
),
4

1 回答 1

1

使用unselectedWidgetColor主题，更改单选按钮上的默认黑色/灰色。或者你可以使用radioTheme'sfillColor来改变它。

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更改所选单选按钮的FormBuilderRadioGroup默认蓝色。

child: FormBuilderRadioGroup(
  name: "role",
  activeColor: Colors.white, // this
于 2022-03-02T05:58:16.887 回答