Flutter中GetX控制器使用StateMixin如何传入两个类型类

除了自定义包装类之外，有两种更轻量的实现方案：

方案1：使用Dart 3+内置Record类型作为泛型参数 #

Dart 3.0及以上版本原生支持元组（Record）类型，不需要单独编写类文件就能组合多个数据类型，完美适配StateMixin的单泛型要求。
示例代码：

class HomeController extends GetxController
    with StateMixin<(MyModel modelData, List<MyCompleteModel> listData)> {

  void fetchPageData() async {
    change(null, status: RxStatus.loading());
    try {
      // 并行请求两个接口
      final results = await Future.wait([
        fetchMyModelData(),
        fetchMyCompleteListData(),
      ]);
      // 传入组合后的元组更新状态
      change(
        (results[0] as MyModel, results[1] as List<MyCompleteModel>),
        status: RxStatus.success()
      );
    } catch (e) {
      change(null, status: RxStatus.error(e.toString()));
    }
  }
}

在视图层取值时不需要解析包装类，直接通过命名字段访问即可：

GetBuilder<HomeController>(
  builder: (controller) {
    final state = controller.state;
    if (state == null) return const LoadingWidget();
    // 直接取两个数据
    final model = state.modelData;
    final list = state.listData;
    return Column(
      children: [
        ModelCard(model: model),
        Expanded(child: ListView.builder(itemBuilder: (_, i) => ListItem(data: list[i])))
      ],
    );
  }
)

方案2：拆分独立响应式状态，不强制依赖StateMixin #

StateMixin本质是GetX封装的通用加载状态模板，不是状态管理的必选项。如果两个数据的加载逻辑相互独立，完全可以分开维护各自的状态和加载标识，灵活度更高。
示例代码：

class HomeController extends GetxController {
  // 第一份数据及状态
  final modelStatus = RxStatus.loading().obs;
  MyModel? pageModel;

  // 第二份数据及状态
  final listStatus = RxStatus.loading().obs;
  List<MyCompleteModel> pageList = [];

  @override
  void onInit() {
    super.onInit();
    loadModelData();
    loadListData();
  }

  Future<void> loadModelData() async {
    modelStatus.value = RxStatus.loading();
    try {
      pageModel = await fetchMyModelData();
      modelStatus.value = RxStatus.success();
    } catch (e) {
      modelStatus.value = RxStatus.error(e.toString());
    }
  }

  Future<void> loadListData() async {
    listStatus.value = RxStatus.loading();
    try {
      pageList = await fetchMyCompleteListData();
      listStatus.value = RxStatus.success();
    } catch (e) {
      listStatus.value = RxStatus.error(e.toString());
    }
  }
}

这种写法支持两个模块独立渲染：比如模型数据加载完成就先展示卡片区域，列表还在加载时单独展示列表位的loading，不需要等待所有接口全部返回才渲染页面。

不建议通过修改StateMixin源码、强行传入dynamic类型的方式实现多状态支持，这类写法会丢失类型校验，后续维护很容易出现类型转换错误。

内容的提问来源于stack exchange，提问作者Cyrus the Great