如何在 Flutter 中制作自定义复选框 FormField

在我当前的项目中,我需要一个带有一些输入字段的屏幕,这些输入字段必须根据用户输入进行验证。有些字段是必填的,如果不填写它们,用户将无法进入另一个屏幕。对于通常的输入文本字段,使用 TextFormField 小部件很容易做到这一点。

  • TextFormField 包装了一个 TextField 小部件并将其集成到一个 FormField 小部件中,这使我们能够保存、更新和验证该字段。

但是如果我们有一个单选按钮或复选按钮呢?最正确的解决方案是创建一个扩展 FormField 的自定义字段。如何做到这一点以及如何将其集成到我将在本文中展示的项目中。所以,我们走吧!

在这里插入图片描述
在本文中,我将了解如何创建自定义复选框小部件。如果用户不同意隐私政策,则他/她无法完成注册过程。其他类型的输入字段(如单选按钮)以相同的方式完成。

步骤1

正如我所说,首先我们需要创建一个自定义复选框来扩展 bool 类型的 FormField ,因为该复选框要么为true要么为false。为此,我们创建一个名为的新文件checkbox_form_field_with_error_message.dart并添加以下代码:

class CheckBoxFormFieldWithErrorMessage extends FormField<bool> {

  final String labelText;
  final bool isChecked;
  String error;
  final void Function(bool?) onChanged;

 CheckBoxFormFi

猜你喜欢

转载自blog.csdn.net/iCloudEnd/article/details/131268202