Flutter中setState不生效问题排查：我的代码是否存在错误？

核心错误 #

你代码里的第一个setState误用了相等比较运算符==，而非赋值运算符=，导致isLoading状态完全没被更新：

setState(() {
  isLoading == true; // 这是判断逻辑，不是赋值操作
});

只需改成赋值即可修复：

setState(() {
  isLoading = true;
});

修正后的完整代码 #

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({super.key, required this.title});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  bool isLoading = false;

  Future<void> handleSubmit() async {
    setState(() {
      isLoading = true;
    });
    // 模拟异步任务
    await Future.delayed(const Duration(seconds: 5));
    setState(() {
      isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Center(
        child: ElevatedButton(
          // 加载时禁用按钮，防止重复点击
          onPressed: isLoading ? null : handleSubmit,
          child: FittedBox(
            child: isLoading
                ? const CircularProgressIndicator(
                    color: Colors.white,
                    strokeWidth: 2,
                    size: 24,
                  )
                : const Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Text("Submit"),
                      SizedBox(width: 4),
                      Icon(Icons.check_circle),
                    ],
                  ),
          ),
          style: ElevatedButton.styleFrom(
            // primary已废弃，改用backgroundColor
            backgroundColor: Colors.yellow,
            minimumSize: const Size(100, 40),
            elevation: 3,
          ),
        ),
      ),
    );
  }
}

优化点说明 #

• 抽离异步逻辑：把点击后的异步操作放到单独的handleSubmit方法中，代码结构更清晰，也方便后续添加错误处理、状态回调等扩展逻辑。
• 防止重复触发：加载时将onPressed设为null，禁用按钮，避免用户重复点击发起多次异步任务。
• 适配最新API：primary参数已被Flutter废弃，替换为backgroundColor，符合框架最新规范。
• UI细节优化：给CircularProgressIndicator设置size和strokeWidth，让加载图标与按钮尺寸更协调；给Row添加mainAxisSize: MainAxisSize.min，避免占用不必要的宽度；微调SizedBox宽度，让文字与图标间距更合理。
• 空安全规范：使用super.key替代旧的Key? key写法，符合Flutter空安全最佳实践。

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