Flutter新手求助：Missing concrete implementation of 'StatefulWidget.createState'及setState未定义问题

刚学Flutter几周遇到这类问题很正常，别担心，这两个错误都是因为没掌握好StatefulWidget的正确使用结构导致的，我来帮你拆解解决：

错误原因分析 #

1. "Missing concrete implementation of 'StatefulWidget.createState'"：StatefulWidget是Flutter的抽象类，必须强制实现createState()方法——它的作用是创建专门管理状态的State对象。你直接把状态变量、build方法都塞在StatefulWidget类里，完全违背了Flutter的状态管理规范。
2. "setState isn't defined"：setState()是State类的专属方法，用来通知Flutter框架更新UI。你在StatefulWidget类里调用它，自然会提示找不到这个方法。

修正后的完整代码 #

import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
// 记得导入你的FacebookLogin包和自定义图标包

class Sharer extends StatefulWidget {
  // StatefulWidget里只放不可变的属性（如果有需要的话），状态变量必须放到State类中
  @override
  _SharerState createState() => _SharerState(); // 这行是必填的实现代码
}

class _SharerState extends State<Sharer> {
  bool _isLoggedIn = false;
  Map? userProfile; // 加上可空标记，避免Dart空安全报错
  final facebookLogin = FacebookLogin();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.amber,
        centerTitle: true,
        title: Text(
          'Welcome Sharer',
          style: TextStyle(
            fontSize: 16.0,
            color: Colors.black87,
            letterSpacing: 1.0,
          ),
        ),
      ),
      body: Center(
        child: _isLoggedIn
            // 这里可以后续补充登录成功后的UI，比如展示用户头像和名称
            ? Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('登录成功！欢迎你，${userProfile?['name']}'),
                  // 可以加个退出按钮
                  ElevatedButton(onPressed: () => setState(() => _isLoggedIn = false), child: Text('退出登录'))
                ],
              )
            : Row(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Expanded(
                    flex: 1,
                    child: Container(
                      padding: EdgeInsets.all(20.0),
                      child: RaisedButton.icon(
                        onPressed: () async {
                          final result = await facebookLogin.logIn(['email']);
                          switch (result.status) {
                            case FacebookLoginStatus.loggedIn:
                              final token = result.accessToken.token;
                              final graphResponse = await http.get(Uri.parse(
                                  'https://graph.facebook.com/v2.12/me?fields=name,picture,email&access_token=${token}'));
                              final profile = jsonDecode(graphResponse.body);
                              print(profile);
                              setState(() {
                                userProfile = profile;
                                _isLoggedIn = true;
                              });
                              break;
                            case FacebookLoginStatus.cancelledByUser:
                              setState(() => _isLoggedIn = false);
                              break;
                            case FacebookLoginStatus.error:
                              setState(() => _isLoggedIn = false);
                              break;
                          }
                        },
                        icon: Icon(
                          MyFlutterApp.facebook,
                        ),
                        label: Text(
                          'Sharer',
                          style: TextStyle(
                            fontFamily: 'MyFlutterApp',
                            color: Colors.black87,
                            letterSpacing: 1.0,
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
      ),
    );
  }
}

关键修改点说明 #

• 拆分StatefulWidget和State类：把Sharer改成纯StatefulWidget，只负责创建State；所有状态变量、业务逻辑、build方法都移到_SharerState类中——这是Flutter状态管理的核心规则。
• 实现createState方法：这是StatefulWidget的必填项，返回对应的State实例，让框架能正确关联状态和UI。
• 修复setState调用：现在setState()在State类里调用，就能正常触发UI更新了。
• 额外优化：给userProfile加上可空标记?适配Dart空安全；把JSON.jsonDecode改成Flutter推荐的jsonDecode（需导入dart:convert）；http.get参数用Uri.parse()包裹（新版本http包的要求）。

这样修改后，你的两个错误应该都能解决了，后续可以继续完善登录成功后的UI展示逻辑~

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