FormBuilderChoiceChip 自定义问题

Question

我使用包 flutter_form_builder 作为表单，但不知道如何自定义这些：

options: const [
        FormBuilderChipOption(value: 'Low', child: Text('Low')),
        FormBuilderChipOption(value: 'Medium', child: Text('Medium')),
        FormBuilderChipOption(value: 'High', child: Text('High')),
      ],

没有任何参数，如“selectedColor”、“backgroundColor”。正如之前所说，我会进行这些定制，例如按下时改变颜色，在每个芯片上制作不同的颜色。 这是完整代码

FormBuilderChoiceChip(
      spacing: 8,
      elevation: 16,
      showCheckmark: false,
      alignment: WrapAlignment.center,
      selectedColor: Colors.greenAccent, // every chip has this color
      backgroundColor: const Color.fromARGB(255, 220, 220, 220), //this changes color of every chip
      name: 'priority',
      ),
      options: const [
        FormBuilderChipOption(value: 'Low', child: Text('Low')),
        FormBuilderChipOption(value: 'Medium', child: Text('Medium')),
        FormBuilderChipOption(value: 'High', child: Text('High')),
      ],
  
    );

我试图将 FormBuilderChipOption 包装在容器中，但由于父小部件期望 FormBuilderChipOption 而出现错误。 然后我试图将 FormBuilderChipOption 子项设置为 *Container *widget 或 Chip ，它看起来很糟糕，因为 FormBuilderChipOption 没有扩展到父级小部件并且存在某种填充。

欢迎任何关于如何实现更多可定制芯片的其他方式的建议或定制此芯片的答案。

Answer 1

目前不存在在每个 ChoiceChip 选项上应用不同颜色的方法。

您可以实现的方法是创建您自己的

FormBuilderChoiceChip

和

FormBuilderChipOption

。请参阅https://github.com/flutter-form-builder-ecosystem/flutter_form_builder/blob/main/lib/src/fields/form_builder_choice_chips.dart

您可以在存储库中创建一个新主题来改进这一点，但这将是一个不会很快进行的更改。

PS：我是 flutter_form_builder 包的主要维护者