为何使用GetX状态管理的Stateless Widget能实现值的动态更新？

首先明确：Stateless Widget本身确实只能基于初始化时的静态值构建UI，它的build方法不会因为内部变量变化自动触发重绘——因为它没有setState机制，成员变量也通常是不可变的final类型。

但GetX通过以下方式打破了这个限制：

• 可观察状态（Rx变量）：GetX的RxInt（以及其他Rx类型）是被包装过的可观察变量，当它的值发生变化时，会主动通知所有依赖它的监听者。
• Obx监听组件：Obx是GetX提供的一个特殊Widget，它会监听内部builder函数中用到的所有Rx变量。一旦这些变量的值更新，Obx就会重新执行builder函数，更新自身的UI，而不需要触发整个父Stateless Widget的重绘。
• 状态与UI分离：你的状态（比如number）是放在独立的类中（示例里的GetX类，建议改名避免和库冲突，比如叫AuthProvider），而不是存在Widget内部。状态的变更完全脱离Widget的生命周期，Stateless Widget只负责通过Obx订阅状态并展示UI。

结合你的代码分析 #

先看状态管理类（getx.dart）：

import 'package:get/get.dart';

// 建议改名，避免和GetX库命名冲突
class AuthProvider{
  RxInt number = 0.obs;
  void increase() {
    // 注意：正确写法应该是操作value属性，而不是重新赋值
    // number.value += 1; 或者 number++;
    number = number + 1; // 这种写法会创建新的RxInt对象，可能导致监听失效
  }
}

再看UI类（testingGetX.dart）：

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:get_api_2/getX.dart';

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

  @override
  Widget build(BuildContext context) {
    // 把状态类实例注入到GetX的依赖管理中
    final AuthProvider c = Get.put(AuthProvider());
    return Scaffold(
      appBar: AppBar(),
      body: Column(
        children: [
          // 这个Text不会更新：因为它没有监听number的变化，只会显示初始值
          Text("value : ${c.number}"),
          // 这个Text会动态更新：Obx监听了c.number的变化，值更新时会重新构建Text
          Obx(()=>Text("value : ${c.number}")),
          TextButton(
            onPressed: () {
              // 同样，这里正确写法是c.number.value +=1;
              c.number = c.number+1;
            }, 
            child: Text("increase")
          )
        ],
      ),
    );
  }
}

关键注意点 #

1. 修改Rx变量时，要操作它的value属性（比如number.value +=1），而不是直接重新赋值number = number +1——后者会生成新的RxInt实例，导致之前的监听失效。
2. 只有被Obx（或其他GetX监听组件，比如GetBuilder）包裹的UI部分，才会响应Rx变量的变化更新。

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