Flutter 错误：被调用的构造函数不是 const 构造函数答案

【问题标题】：Flutter error : The constructor being called isn't a const constructorFlutter 错误：被调用的构造函数不是 const 构造函数
【发布时间】：2021-12-30 11:17:07
【问题描述】：

我正在处理我的第一个 Flutter 项目，我正在构建一个登录页面，我创建了一个变量来存储一个 TextFormFieldController，但我收到了上面的错误，因为我删除了构造函数。当我返回这个构造函数时，我不能声明一个全局变量来存储 TextFormFieldController。

这是我的代码：（登录页面）：

import 'package:flutter/material.dart';

class LoginScreen extends StatelessWidget {
  var loginUsernameController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const Edge

Insets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const Text(
              "Login",
              style: TextStyle(fontSize: 40, fontWeight: FontWeight.bold),
            ),
            const SizedBox(
              height: 40,
            ),
            TextFormField(
              decoration: const InputDecoration(
                labelText: "Email Address",
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.email),
              ),
              keyboardType: TextInputType.emailAddress,
            ),
            const SizedBox(
              height: 10,
            ),
    

    TextFormField(
              controller: TextEditingController(),
              obscureText: true,
              decoration: const InputDecoration(
                labelText: "Password",
                border: OutlineInputBorder(),
                prefixIcon: Icon(Icons.lock),
                suffixIcon: Icon(Icons.remove_red_eye),
              ),
              keyboardType: TextInputType.emailAddress,
            ),
            const SizedBox(
              height: 20,
            ),
            Container(
              width: double.infinity,
              child: MaterialButton(
                onPressed: () {},
                child: const Text(
                  "LOGIN",
                  style: TextStyle(color: Colors.white),
                ),
                color: Colors.blue,
              ),
            )
          ],
        ),
      ),
    );
  }
}

这是 main.dart（我得到错误的地方）：

import 'package:flutter/material.dart';

import 'login_screen.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: LoginScreen(),
    );
  }
}

【问题讨论】：

标签： flutter dart mobile mobile-development

【解决方案1】：

您需要在 MaterialApp 之前删除 const ：

return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: LoginScreen(),
    );

【讨论】：

它的工作原理谢谢你！你能解释一下删除 const 关键字和错误之间的关系吗？
const 关键字需要硬编码的常量值，但您正在构建动态小部件，它不是常量，这就是它抛出错误的原因。如果有效，请标记为已回答。谢谢

【解决方案2】：

如果您为LoginScreen 小部件创建const 构造函数，这将解决MyApp 问题。但是下一个问题来自var loginUsernameController = TextEditingController();，而现在我们已经创建了 const LoginScreen({Key? key}) : super(key: key);

对于const 构造函数类，它需要在类级别内使用final 变量。

但是TextEditingController() 本身就是一个non-const 构造函数。

您还可以在 build 方法中初始化 loginUsernameController，而它是 StatelessWidget，对于 StatefulWidget，使用 initState。

【讨论】：

感谢您的解释！非常感谢。
我有一个问题，我按照@Diwyansh 在上一个答案中所说的做了！这是最好的做法吗？（从 MaterialApp 中删除 const 关键字）...或者最好是在 build 方法中创建变量？
建议尽可能使用const，如果是statefullWidget，放在内部构建会出现问题，但是对于这种情况，您喜欢通过构造函数