Getx页面构建调用方法报错：setState() or markNeedsBuild() called during build

首先明确：页面构建时调用Getx方法不是只有initState一种方式，你遇到的报错核心原因是在Widget构建流程中同步更新了Observable状态，导致Obx组件触发重建时冲突。针对你的场景（同一页面跳转、每次需加载新数据），提供以下两种可行方案：

方案1：为每个页面实例创建独立控制器（推荐） #

通过tag区分不同视频ID对应的控制器，避免全局控制器的状态冲突，同时确保每次页面进入都能独立加载数据：

代码实现 #

跳转逻辑

// 点击推荐视频跳转时，绑定对应ID的控制器
Get.to(
  () => VideoDetailPage(videoId: targetVideoId),
  binding: BindingsBuilder(() {
    Get.put(VideoDetailController(), tag: targetVideoId);
  }),
);

视频详情页面

class VideoDetailPage extends StatefulWidget {
  final String videoId;
  const VideoDetailPage({super.key, required this.videoId});

  @override
  State<VideoDetailPage> createState() => _VideoDetailPageState();
}

class _VideoDetailPageState extends State<VideoDetailPage> {
  late VideoDetailController _controller;

  @override
  void initState() {
    super.initState();
    _controller = Get.find<VideoDetailController>(tag: widget.videoId);
    // 延迟到当前帧构建完成后再请求数据，避免构建中更新状态报错
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _controller.getVideoDetail(widget.videoId);
    });
  }

  @override
  void dispose() {
    // 页面销毁时删除对应控制器，释放资源
    Get.delete<VideoDetailController>(tag: widget.videoId);
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Obx(() {
        if (_controller.isLoading.value) {
          return const Center(child: CircularProgressIndicator());
        }
        return Column(
          children: [
            // 渲染视频详情
            Text(_controller.videoDetail.value.title),
            // 渲染推荐列表
            ..._controller.recommendVideos.map((video) {
              return ListTile(
                title: Text(video.title),
                onTap: () {
                  // 跳转逻辑同前
                  Get.to(
                    () => VideoDetailPage(videoId: video.id),
                    binding: BindingsBuilder(() {
                      Get.put(VideoDetailController(), tag: video.id);
                    }),
                  );
                },
              );
            }).toList(),
          ],
        );
      }),
    );
  }
}

Getx控制器

class VideoDetailController extends GetxController {
  final Rx<VideoDetail> videoDetail = VideoDetail().obs;
  final RxList<Video> recommendVideos = <Video>[].obs;
  final RxBool isLoading = false.obs;

  Future<void> getVideoDetail(String videoId) async {
    isLoading.value = true;
    try {
      // 替换为实际接口请求
      final detail = await VideoApi.getDetail(videoId);
      final recommends = await VideoApi.getRecommend(videoId);
      videoDetail.value = detail;
      recommendVideos.assignAll(recommends);
    } catch (e) {
      // 错误处理，比如提示用户
    } finally {
      isLoading.value = false;
    }
  }
}

方案2：使用全局控制器，监听路由参数变化 #

如果不需要独立状态，可以复用全局控制器，通过检测页面参数变化触发数据刷新：

代码实现 #

跳转逻辑

// 直接跳转，无需绑定新控制器
Get.to(() => VideoDetailPage(videoId: targetVideoId));

视频详情页面

class VideoDetailPage extends StatefulWidget {
  final String videoId;
  const VideoDetailPage({super.key, required this.videoId});

  @override
  State<VideoDetailPage> createState() => _VideoDetailPageState();
}

class _VideoDetailPageState extends State<VideoDetailPage> {
  final VideoDetailController _controller = Get.find();
  String? _lastLoadedVideoId;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 仅当视频ID变化时才重新请求数据
    if (widget.videoId != _lastLoadedVideoId) {
      _lastLoadedVideoId = widget.videoId;
      WidgetsBinding.instance.addPostFrameCallback((_) {
        _controller.getVideoDetail(widget.videoId);
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    // 渲染逻辑同方案1
    return Scaffold(body: Obx(() => ...));
  }
}

Getx控制器

class VideoDetailController extends GetxController {
  // 状态变量同方案1

  @override
  void onInit() {
    super.onInit();
    // 全局控制器初始化时无需处理数据请求，由页面触发
  }

  // getVideoDetail方法同方案1
}

关键注意点 #

• 避免在initState或build方法中同步修改Observable状态，必须用addPostFrameCallback或Future.delayed(Duration.zero)延迟到当前帧构建完成后执行状态更新，这是解决Obx报错的核心。
• 若使用全局控制器，需注意状态重置：每次请求新数据前，要清空旧状态（比如重置videoDetail为默认值、清空recommendVideos），避免新旧数据混杂。

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