如何在具有空安全性的情况下制作验证表单

Question

如何在 flutter 中制作具有空安全性的验证表单，有问题，但是我不能select in formkey or filed 我尝试了很多方法，你可以看到这段代码并尝试帮助我使用null safty，谢谢

我有以下代码class

import 'package:flutter/cupertino.dart';
    import 'package:flutter/material.dart';
    import 'package:login_project/shared/components/components.dart';
    
    class LoginScreen extends StatefulWidget{
      @override
      _LoginScreenState createState() => _LoginScreenState();
    }
    
    class _LoginScreenState extends State<LoginScreen> {
      var emailController= TextEditingController();
    
      var passwordController= TextEditingController();
    
      var formKey = GlobalKey<FormState>();

我使用表单键将其放入表单小部件中，因为表单小部件中的 TFF 然后我使用验证器

 validator:(String? value){
                        if(value != null && value.isEmpty){
                          return "password must be not empty";
                        }
                          return null;
                      },

然后在按钮中我有这个 :

 defaultButton(
                        // width:double.infinity,
                      text: 'Login',
                        // background: Colors.blue,
                      function: (){
    
                        if(formKey.currentState!.validate()){
                          print(emailController.text);
                          print(passwordController.text);
                        }
    
                      },

但我在 TTF 或 formKey 中的 null saftey 中有错误，我尝试解决它然后制作一个屏幕作为 null 检查运算符。谢谢

Answer 1

请使用：

validator:(String? value){
  if(value!.isEmpty){
    return "password must be not empty";
  }
  return null;
},

Answer 2

编写如下代码：

validator:(String? value){
  if(value!.isEmpty){
    return "password must be not empty";
  }
  return null;
},

并删除自定义按钮并将其放置：

 child: MaterialButton(
                onPressed:(){
                  if(_formKey.currentState!.validate()){
                        print(emailController.text);
                        print(passwordController.text);
                      }
              },

如何在具有空安全性的情况下制作验证表单

how to make validation form in flutter with null safety

dart

flutter

dart-null-safety