Flutter GetX：点击按钮时Obx未更新文本问题求助

你的代码里核心问题是用了sleep(1.seconds)——这个方法会阻塞主线程。虽然updateDetails加了async修饰，但sleep是同步阻塞操作，会把UI线程卡满1秒。期间你修改status为LOADING的操作虽然执行了，但主线程被卡住根本没时间处理UI重绘，直到sleep结束后，主线程恢复，才会一次性处理两次status的变更（LOADING和变回PRESS ME），所以你看不到中间的加载状态。

修复方案 #

把同步阻塞的sleep换成非阻塞的异步延迟方法await Future.delayed()，这样主线程能在等待期间处理UI更新：

class TestController extends GetxController {
  var status = 'PRESS ME'.obs;
    
  updateDetails() async {
    print('Loading');
    status('LOADING');
    // 替换sleep为异步延迟，不阻塞主线程
    await Future.delayed(const Duration(seconds: 1));
    print('Finished');
    status('PRESS ME');
  }
}

关键注意点 #

• GetX的Observable状态更新依赖主线程来触发Widget重绘，一旦主线程被同步操作阻塞，所有UI更新都会被延后到阻塞结束后执行
• 任何耗时操作（比如网络请求、本地IO）都要使用异步非阻塞的方式，避免卡住UI

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