Flutter跨页面调用函数时setState报错：找不到该方法

错误原因 #

setState 是Flutter中State类的专属方法，只能在StatefulWidget的State子类中调用。你当前的basicBottomSheet是普通函数，弹窗内部的组件属于无状态上下文，所以直接调用setState会提示"Method not found"。

两种解决方法 #

方法一：将弹窗内容封装为独立的StatefulWidget #

把弹窗里的可交互内容抽成一个StatefulWidget，这样就能正常使用setState管理状态：

1. 先定义弹窗内容的StatefulWidget：

class BottomSheetContent extends StatefulWidget {
  final String heading;
  final List<FruitsList> fList;

  const BottomSheetContent({
    Key? key,
    required this.heading,
    required this.fList,
  }) : super(key: key);

  @override
  State<BottomSheetContent> createState() => _BottomSheetContentState();
}

class _BottomSheetContentState extends State<BottomSheetContent> {
  int id = 1; // 状态变量放在State类中

  @override
  Widget build(BuildContext context) {
    return SizedBox(
      height: 600,
      child: Center(
        child: Column(
          children: <Widget>[
            // 顶部标题区域
            Padding(
              padding: const EdgeInsets.fromLTRB(30, 40, 30, 10),
              child: SizedBox(
                width: double.infinity,
                child: BasicText(
                  text: widget.heading,
                  textColor: AppColors.black,
                  fontSize: 20,
                  fontWeight: AppFonts.fontWeightSemiBold,
                ),
              ),
            ),
            // 分割线
            Padding(
              padding: const EdgeInsets.fromLTRB(30, 0, 30, 10),
              child: Container(height: 1, color: AppColors.bottomSheetLine),
            ),
            // 单选列表区域
            Expanded(
              child: SizedBox(
                height: 350.0,
                child: Column(
                  children: widget.fList.map((data) => RadioListTile(
                    title: Text(data.name, style: const TextStyle(fontSize: 14)),
                    groupValue: id,
                    value: data.index,
                    onChanged: (val) {
                      setState(() {
                        id = data.index;
                      });
                    },
                  )).toList(),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

2. 修改原basicBottomSheet函数，调用这个StatefulWidget：

basicBottomSheet(BuildContext context, String heading) {
  List<FruitsList> fList = [
    FruitsList(index: 1, name: "Mango"),
    FruitsList(index: 2, name: "Apple"),
    FruitsList(index: 3, name: "Banana"),
    FruitsList(index: 4, name: "Cherry"),
  ];
  showModalBottomSheet<void>(
    context: context,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(top: Radius.circular(20.0)),
    ),
    builder: (BuildContext context) {
      return BottomSheetContent(heading: heading, fList: fList);
    },
  );
}

这种方式适合弹窗内容复杂、需要多处复用的场景。

方法二：使用StatefulBuilder快速解决 #

如果弹窗逻辑简单，不想抽成独立组件，可以用StatefulBuilder包裹需要更新的区域，它会提供一个临时的setState方法：

修改原函数的builder部分：

basicBottomSheet(BuildContext context, String heading) {
  List<FruitsList> fList = [
    FruitsList(index: 1, name: "Mango"),
    FruitsList(index: 2, name: "Apple"),
    FruitsList(index: 3, name: "Banana"),
    FruitsList(index: 4, name: "Cherry"),
  ];
  showModalBottomSheet<void>(
    context: context,
    shape: const RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(top: Radius.circular(20.0)),
    ),
    builder: (BuildContext context) {
      int id = 1; // 将状态变量移到builder内部
      return SizedBox(
        height: 600,
        child: Center(
          child: Column(
            children: <Widget>[
              // 顶部标题和分割线保持不变
              Padding(
                padding: const EdgeInsets.fromLTRB(30, 40, 30, 10),
                child: SizedBox(
                  width: double.infinity,
                  child: BasicText(
                    text: heading,
                    textColor: AppColors.black,
                    fontSize: 20,
                    fontWeight: AppFonts.fontWeightSemiBold,
                  ),
                ),
              ),
              Padding(
                padding: const EdgeInsets.fromLTRB(30, 0, 30, 10),
                child: Container(height: 1, color: AppColors.bottomSheetLine),
              ),
              // 用StatefulBuilder包裹单选列表
              Expanded(
                child: SizedBox(
                  height: 350.0,
                  child: StatefulBuilder(
                    builder: (context, setState) { // 这里的setState是StatefulBuilder提供的
                      return Column(
                        children: fList.map((data) => RadioListTile(
                          title: Text(data.name, style: const TextStyle(fontSize: 14)),
                          groupValue: id,
                          value: data.index,
                          onChanged: (val) {
                            setState(() {
                              id = data.index;
                            });
                          },
                        )).toList(),
                      );
                    },
                  ),
                ),
              ),
            ],
          ),
        ),
      );
    },
  );
}

这种方式无需重构代码，适合快速解决简单弹窗的状态更新问题。

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