如何用GetX让颤动等待数据加载

dependencies:
  get: ^4.1.4

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

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GetBuilder<MyController>(
      init: MyController(),
      builder: (controller) {
        return Scaffold(
          appBar: AppBar(
            title: Text('数据加载'),
          ),
          body: controller.isLoading
              ? Center(
                  child: CircularProgressIndicator(),
                )
              : ListView.builder(
                  itemCount: controller.data.length,
                  itemBuilder: (context, index) {
                    return ListTile(
                      title: Text(controller.data[index]),
                    );
                  },
                ),
        );
      },
    );
  }
}

class MyController extends GetxController {
  // 用于标记数据加载状态
  RxBool isLoading = true.obs;

  // 模拟异步加载数据
  Future<void> fetchData() async {
    await Future.delayed(Duration(seconds: 2));
    isLoading.value = false;
    // 假设获取的数据为一个字符串列表
    data = ['数据1', '数据2', '数据3'].obs;
  }

  // 数据源
  RxList<String> data = <String>[].obs;

  @override
  void onInit() {
    super.onInit();
    fetchData(); // 初始化时调用数据加载方法
  }
}

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

void main() {
  runApp(GetMaterialApp(
    home: MyPage(),
  ));
}