dart 缺少“StatefulWidget.DataState”的具体实现,无法正常运行

snz8szmq  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(40)

我刚刚开始学习flutter,我一直在遵循一个教程。我逐字逐句地复制了这个家伙,不知何故生成了一个错误消息。这是主.dart文件:

import 'package:flutter/material.dart';
import 'pages/login_page.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      debugShowCheckedModeBanner: false,
      home: LoginPage(),
    );
  }
}

字符串
然后我有一个名为pages的目录,其中包含一个login_page.dart.文件:

import 'package:flutter/material.dart';

class LoginPage extends StatefulWidget {
  const LoginPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold();
  }
}


login_page.dart文件第3行的Login页面下面有一条红线,其中包含以下错误消息:
缺少“StatefulWidget.DataState”的具体实现。(文档)请尝试实现缺少的方法,或使类成为抽象类。
我希望它能运行并创建一个基本的UI,但它没有做到这一点。

ia2d9nvy

ia2d9nvy1#

Flutter有两种类型的widget。
1.无国籍
1.状态
第一个小部件没有任何状态。而Statefull小部件有状态。在你的代码中,你已经创建了没有状态的statefull小部件。你的代码应该是这样的。

class LoginPage extends StatefulWidget {
const LoginPage({super.key});
  @override
  State<LoginPage> createState() => _LoginPageState();
}

class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return const Scaffold();
  }
}

字符串

相关问题