Flutter自定义函数内调用setState()提示未定义，是否可行及如何解决？

setState() 是 Flutter 中 State 类的成员方法，只能在 StatefulWidget 对应的 State 子类中直接调用。你的 showCustomDialog 是普通顶层函数，不属于任何 State 类，所以即便导入了 material.dart，也无法直接调用 setState。

以下两种方案可解决该问题：

方案一：将状态移到 StatefulWidget 的 State 类中 #

把需要更新的变量 number 放到 State 类里，同时将 showCustomDialog 改为 State 类的成员方法，即可直接调用 setState：

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

  @override
  State<MyPage> createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  var number = 10;

  void showCustomDialog() {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          content: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                number.toString(), // 注意：Text 组件需接收 String 类型
                style: TextStyle(color: Colors.grey[700]),
              ),
              MyServiceField(
                hint: 'hello',
                onChange: (fieldData) {
                  var fieldNum = int.parse(fieldData);
                  setState(() {
                    number = fieldNum;
                  });
                  Navigator.of(context).pop(); // 可选：更新后关闭对话框
                },
              ),
            ],
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ElevatedButton(
          onPressed: showCustomDialog,
          child: const Text('Show Dialog'),
        ),
      ),
    );
  }
}

方案二：使用 ValueNotifier + ValueListenableBuilder 管理状态 #

如果需要保持 showCustomDialog 为顶层函数，可以用 ValueNotifier 管理状态，通过 ValueListenableBuilder 监听状态变化自动刷新 UI，无需依赖 State 类：

import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:smooth_like_flutter/components/service_field.dart';

void showCustomDialog(BuildContext context) {
  final numberNotifier = ValueNotifier<int>(10);

  showDialog(
    context: context,
    builder: (BuildContext context) {
      return AlertDialog(
        content: ValueListenableBuilder<int>(
          valueListenable: numberNotifier,
          builder: (context, currentNumber, child) {
            return Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Text(
                  currentNumber.toString(),
                  style: TextStyle(color: Colors.grey[700]),
                ),
                MyServiceField(
                  hint: 'hello',
                  onChange: (fieldData) {
                    var fieldNum = int.parse(fieldData);
                    numberNotifier.value = fieldNum; // 更新状态自动触发UI刷新
                    Navigator.of(context).pop();
                  },
                ),
              ],
            );
          },
        ),
      );
    },
  );
}

原代码还有两处需修正：

• Text(number) 会报错，因为 Text 组件的 data 参数要求是 String 类型，需改为 number.toString()；
• showDialog 的 builder 应返回 AlertDialog 或类似对话框组件，直接返回 Column 会导致布局异常。

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