Flutter学习报错：未实现StatefulWidget.createState方法

错误原因 #

你定义的LoginPage继承了StatefulWidget，但没有实现该类强制要求的createState()方法，而且错误地在StatefulWidget类本身中重写了build方法——StatefulWidget的UI构建逻辑应该放在它关联的State类里。

修正后的 login_page.dart 代码 #

import 'package:flutter/material.dart';

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

  // 必须实现的createState方法，返回对应的State实例
  @override
  State<LoginPage> createState() => _LoginPageState();
}

// 关联的State类，负责UI构建和状态管理
class _LoginPageState extends State<LoginPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 可添加基础UI元素示例
      appBar: AppBar(title: const Text('登录页')),
      body: const Center(child: Text('登录页面')),
    );
  }
}

关键说明 #

• StatefulWidget本身不可变，主要用于存储配置数据，通过createState()创建对应的State对象
• 实际的UI构建、状态更新逻辑都写在关联的State类中
• 修正后代码可正常运行，生成包含AppBar和居中文字的基础登录页UI

内容的提问来源于stack exchange，提问作者Qasim