Flutter中setState无法更新变量值的原因排查求助

你的问题核心是混用了GetX响应式变量和StatefulWidget的setState机制，导致UI更新逻辑混乱。另外代码里还有几个细节问题，逐一解决：

问题点拆解 #

• iconText和temperature是GetX的Rx类型变量，这类变量的更新不需要依赖setState，而是通过GetX的响应式监听触发UI刷新。你用setState包裹Rx变量赋值，还多余调用iconText.refresh()，属于错误用法。
• 在State里重复调用Get.put(GlobalController(), permanent: true)，如果该Controller已在其他地方初始化，会导致重复实例化，引发状态不一致。
• getAddress异步方法未做错误捕获，若天气请求失败，代码会卡在await之后，根本不会执行到更新逻辑。
• UI部分未用GetX的Obx或GetBuilder包裹，即使Rx变量更新，UI也无法感知。

解决方案（两种可选） #

方案1：纯GetX响应式实现（推荐） #

将StatefulWidget改为StatelessWidget，用GetX响应式机制管理状态：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:weather/weather.dart';
import 'package:weatherapk/widgets/customs_color.dart';
import '../controller/global_controller.dart';

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

  // 用Get.find()获取已初始化的GlobalController，避免重复实例化
  final GlobalController globalController = Get.find<GlobalController>();
  final RxString iconText = "".obs;
  final RxDouble temperature = 0.0.obs;

  // 在构造函数中触发异步请求
  TemperatureWidget({super.key}) {
    getAddress();
  }

  void getAddress() async {
    try {
      WeatherFactory wf = WeatherFactory("fbe4f636d052c6acacb97519f02e3b99",
          language: Language.SPANISH);
      Weather w = await wf.currentWeatherByLocation(
          globalController.getLatitude().value,
          globalController.getlongitude().value);
      // 直接给Rx变量赋值，自动触发UI更新
      iconText.value = w.weatherIcon ?? "10d";
    } catch (e) {
      // 捕获请求错误，避免崩溃
      debugPrint("获取天气失败：$e");
    }
  }

  @override
  Widget build(BuildContext context) {
    // 用Obx包裹需要响应更新的UI部分
    return Obx(() => Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
          Image.network(
            "https://openweathermap.org/img/wn/${iconText.value}@2x.png",
            height: 80,
            width: 80,
          ),
          Container(
            height: 50,
            width: 1,
            color: CustomColors.dividerline,
          ),
        ]));
  }
}

方案2：纯StatefulWidget实现（不用GetX响应式） #

将Rx变量改为普通变量，用setState更新：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:weather/weather.dart';
import 'package:weatherapk/widgets/customs_color.dart';
import '../controller/global_controller.dart';

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

  @override
  State<TemperatureWidget> createState() => _TemperatureWidgetState();
}

class _TemperatureWidgetState extends State<TemperatureWidget> {
  String iconText = "";
  double temperature = 0.0;
  // 用Get.find()获取已初始化的GlobalController
  final GlobalController globalController = Get.find<GlobalController>();

  @override
  void initState() {
    getAddress();
    super.initState();
  }

  void getAddress() async {
    try {
      WeatherFactory wf = WeatherFactory("fbe4f636d052c6acacb97519f02e3b99",
          language: Language.SPANISH);
      Weather w = await wf.currentWeatherByLocation(
          globalController.getLatitude().value,
          globalController.getlongitude().value);
      setState(() {
        iconText = w.weatherIcon ?? "10d";
      });
    } catch (e) {
      debugPrint("获取天气失败：$e");
    }
  }

  @override
  Widget build(BuildContext context) {
    return Row(mainAxisAlignment: MainAxisAlignment.spaceAround, children: [
      Image.network(
        "https://openweathermap.org/img/wn/${iconText}@2x.png",
        height: 80,
        width: 80,
      ),
      Container(
        height: 50,
        width: 1,
        color: CustomColors.dividerline,
      ),
    ]);
  }
}

额外注意事项 #

• 确保GlobalController已在全局初始化（比如在main()里调用Get.put(GlobalController(), permanent: true)），这样Get.find()才能正确获取实例。
• 不要把API密钥硬编码在代码里，建议用环境变量或配置文件管理。
• 网络请求必须处理异常，避免因网络问题导致APP崩溃。

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