Flutter中从相册/相机选图后不显示问题（GetX框架）

你的核心问题是UI未监听GetX Controller的状态变化，导致调用update()后界面无法刷新。下面给出两种直接可行的解决方案：

方案一：使用Obx响应式变量（推荐） #

将Controller中的普通变量改为GetX的Rx响应式类型，配合Obx组件自动监听变量变化，无需手动调用update()：

修改后的CustomerController #

class CustomerController extends GetxController{
  // 转为Rx响应式变量，初始值为null
  final Rx<PickedFile?> _imageFile = Rx<PickedFile?>(null);
  // 通过getter对外暴露变量值
  PickedFile? get pickedFile => _imageFile.value;
  final _imagePicker = ImagePicker();

  Future<void> takePhoto(ImageSource source)async{
    _imageFile.value = await _imagePicker.getImage(source: source);
    // Rx变量更新会自动通知UI，此处update()可省略
  }
}

修改UI部分（用Obx包裹需要更新的组件） #

Obx(() => Positioned(
          top: Dimension.height40 + Dimension.height30,
          left: MediaQuery.of(context).size.width / 2 - 75,
          child: Container(
            child: CircleAvatar(
              radius: 70,
              backgroundImage: imageController.pickedFile == null
                  ? const AssetImage("assets/images/profile.png")
                  : FileImage(File(imageController.pickedFile!.path)) as ImageProvider,
            ),
          )
        )),

方案二：使用GetBuilder绑定Controller #

如果不想修改变量类型，可通过GetBuilder组件监听Controller的update()调用，确保UI能响应状态变化：

保留原Controller代码不变 #

你的CustomerController代码无需修改，继续使用普通变量和update()即可。

修改UI部分（用GetBuilder包裹组件） #

GetBuilder<CustomerController>(
  init: imageController, // 传入已获取的Controller实例
  builder: (controller) => Positioned(
          top: Dimension.height40 + Dimension.height30,
          left: MediaQuery.of(context).size.width / 2 - 75,
          child: Container(
            child: CircleAvatar(
              radius: 70,
              backgroundImage: controller.pickedFile == null
                  ? const AssetImage("assets/images/profile.png")
                  : FileImage(File(controller.pickedFile!.path)) as ImageProvider,
            ),
          )
        ),
),

问题根源说明 #

你之前的代码中，只是直接获取了Controller实例，但UI部分没有通过GetX提供的监听组件（Obx/GetBuilder）与Controller绑定。Controller调用update()时，StatefulWidget无法感知状态变化，自然不会触发界面重建。而将逻辑移到Stateful中使用setState()时，是手动触发了当前Widget的重建，因此能正常显示图片。

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