如何使用getx obx而不是future builder来显示图像列表

dependencies:
  get: ^4.1.4

import 'package:get/get.dart';

class ImageListController extends GetxController {
  // 定义一个可观察的列表，用于存储图像数据
  var imageList = [].obs;

  // 在控制器中定义一个方法，用于获取图像列表数据
  Future<List<String>> fetchImageList() async {
    // 模拟异步获取图像列表数据的过程
    await Future.delayed(Duration(seconds: 2));

    // 假设从服务器获取到了图像列表数据
    List<String> data = [
      'https://example.com/image1.jpg',
      'https://example.com/image2.jpg',
      'https://example.com/image3.jpg',
    ];

    // 将获取到的数据赋值给可观察的列表
    imageList.value = data;

    // 返回图像列表数据
    return data;
  }
}

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

import 'image_list_controller.dart';

class ImageListPage extends StatelessWidget {
  final ImageListController controller = Get.put(ImageListController());

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image List'),
      ),
      body: Center(
        child: GetBuilder<ImageListController>(
          builder: (_) {
            if (controller.imageList.isEmpty) {
              return CircularProgressIndicator();
            } else {
              return ListView.builder(
                itemCount: controller.imageList.length,
                itemBuilder: (context, index) {
                  return Image.network(controller.imageList[index]);
                },
              );
            }
          },
        ),
      ),
    );
  }
}

class ImageListPage extends StatelessWidget {
  final ImageListController controller = Get.put(ImageListController());

  @override
  void initState() {
    super.initState();
    controller.fetchImageList();
  }

  // ...
}