Flutter中调用setState报错，代码写法正确求排查修复

DevOps 小满

2026-7-31

问题修复方案

你的代码报错核心原因是**MyHomePage继承了StatelessWidget（无状态组件）**，而setState()是仅属于StatefulWidget（有状态组件）的方法，无状态组件无法调用它来更新状态。

修复步骤：

将MyHomePage的继承类从StatelessWidget改为StatefulWidget
为它创建对应的_MyHomePageState类，继承State<MyHomePage>
将状态变量naveen和setState()的调用逻辑移到State类中

修复后的完整代码：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primaryColor: Colors.white,
      ),
      title: 'Flutter Demo',
      home: MyHomePage(),
    );
  }
}

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

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

class _MyHomePageState extends State<MyHomePage> {
  var naveen = 1;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("hello"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextButton(
              onPressed: () {
                setState(() {
                  naveen++;
                  print(naveen);
                });
              },
              child: Text('button'),
            ),
            Text("$naveen")
          ],
        ),
      ),
    );
  }
}