单击按钮时，我可以制作像 TextFormField 这样的图像验证器吗？答案

【问题标题】：Can I make a image validator like TextFormField when button click?单击按钮时，我可以制作像 TextFormField 这样的图像验证器吗？
【发布时间】：2022-11-10 17:54:16
【问题描述】：

我正在尝试制作这样的上传页面：

我希望图像/视频有一个像 TextFormField 错误这样的验证器，或者说图像是空的，无法上传

【问题讨论】：

请给她写一些代码。
这是检查是否为空的文件。你的问题有什么意义？
我不知道是否需要代码，您可以自己编写它，但主要思想是创建一个后期 bool 变量。我们称之为“imageValidator”。如果您的文件图像（假设您正在使用文件选择器功能）为空，则单击“上传”按钮后，请将 imageValidator 设置为 false。如果 imageValidator 的值为 false，则显示一个 Text 小部件，指示该图像不能为空。否则，如果 image 不为 null，则将其设置为 true 并继续。在我看来，使用后期变量对于在用户单击“上传”之前不显示任何内容很有用。

标签： flutter image validation video

【解决方案1】：

默认情况下，图像选择器字段不是表单元素。您可以为您的应用程序选择一个插件来执行此操作。这里我加一个。请包含它，它将为您提供根据您的要求验证所选图像的范围。

https://pub.dev/packages/image_picker_form_field

您必须将其包含在 pubspec.yaml 中，并且您已准备好使用它提供的小部件。只需使用如下所示：

ImagePickerFormField(  
  child: Container(  
    height: 40,  
  child: Center(child: Text("Select Photo")),  
  width: double.infinity,  
  decoration: BoxDecoration(  
        borderRadius: BorderRadius.all(Radius.circular(8)),  
  border: Border.all(  
            color: Theme.of(context).disabledColor, width: 1)),  
  ),  
  previewEnabled: true,  
  autovalidate: true,  
  context: context,  
  onSaved: (File value) {  
    print("on saved called");  
  },  
  validator: (File value) {  
    if (value == null)  
      return "Please select a photo!";  
 else return null;  },  
  initialValue: null, //File("some source")  
)

【讨论】：

【解决方案2】：

检查这个包：blinkid_flutter

【讨论】：