1

我是flutter的新手，在这个简单的代码中我遇到了一个错误

用于空值的 NULL 检查运算符

我尝试了这里存在的所有解决方案（我在终端中运行所有命令，如颤振升级等），但我仍然遇到同样的错误。

 import 'package:flutter/material.dart';

   Future<void> main() async{
    WidgetsFlutterBinding.ensureInitialized();

   runApp(MaterialApp(
   home: Home(),
   ));
  }

  class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
 _HomeState createState() => _HomeState();
  }

  class _HomeState extends State<Home> {

 final  _key =GlobalKey<FormState>();
  final textformfield=TextEditingController();

 @override
  Widget build(BuildContext context) {
  return Scaffold(
   body: Center(
     child: Container(
      child: Column(
        children: [
          SizedBox(height: 300,),
          TextFormField(
            controller: textformfield,
            key: _key,
            validator: (value){
              if(value!.isEmpty){
                return "Please enter your email";
              }
              else return null;
            },
          ),
          FlatButton(
              onPressed: (){
                 if(_key.currentState!.validate()){
                            print("validate");
                 }
                 else print('NUll');
              },
              child: Text('Validate')
                ),
              ],
            ),
         ),
        ),
      );
     }
    }
4

2 回答 2

1

首先，您需要有一个 Form Widget 并将 TextFormFields 放入其中。https://docs.flutter.dev/cookbook/forms/validation

return Form(
  key: _key,
  child: Column(
    children: <Widget>[
      // Add TextFormFields and ElevatedButton here.
    ],
  ),
);
于 2021-12-01T04:41:16.673 回答
1

试试下面的代码希望它对你有帮助。在里面添加你的小部件Form()并使用 TextButton 而不是 FlatButton 因为 Flutter 不推荐使用 FlatButton

在此处参考表格验证

  Form(
        key: _key,
        child: Column(
          children: [
            SizedBox(
              height: 300,
            ),
            TextFormField(
              controller: textformfield,
              validator: (value) {
                if (value!.isEmpty) {
                  return "Please enter your email";
                } else
                  return null;
              },
            ),
            TextButton(
                onPressed: () {
                  if (_key.currentState!.validate()) {
                    print("validate");
                  } else
                    print('NUll');
                },
                child: Text('Validate')),
          ],
        ),
      ),
于 2021-12-01T04:48:08.947 回答