Flutter Getx热重载时路由参数数据丢失问题求助

问题根源 #

热重载时GetX的Get.arguments会被重置为null，而你直接用强制类型转换获取参数，就会触发Null转int/Connector的类型错误。StatelessWidget每次build都会重新读取Get.arguments，热重载后路由栈的参数状态丢失，自然就拿不到数据了。

有效解决方案 #

1. 用GetX Controller持有参数（推荐）

把参数存在Controller里，利用Controller热重载时保留状态的特性，避免直接依赖Get.arguments：

// 定义Controller
class ConnectorController extends GetxController {
  late Connector connector;
  late int duration;

  @override
  void onInit() {
    super.onInit();
    // 初始化时读取并保存参数
    final args = Get.arguments as Map<String, dynamic>;
    connector = args['connectors'];
    duration = args['duration'];
  }
}

// 跳转代码（保持不变）
onTap: () {
  Get.toNamed('/stations/detail/booking', arguments: {
    'duration': _sliderValue,
    'connectors': yourConnectorInstance,
  });
}

// 目标页面
class ConnectorScreen extends StatelessWidget {
  const ConnectorScreen({super.key});

  @override
  Widget build(BuildContext context) {
    // 初始化Controller（仅首次进入时执行）
    final controller = Get.put(ConnectorController());

    return Scaffold(
      body: Column(
        children: [
          Text('时长：${controller.duration}'),
          // 使用controller.connector渲染内容
        ],
      ),
    );
  }
}

2. 通过页面构造函数传参（替代方案）

放弃Get.toNamed，用Get.to直接把参数传给页面的构造函数，绕开路由参数依赖：

// 跳转代码
onTap: () {
  Get.to(ConnectorScreen(
    duration: _sliderValue,
    connector: yourConnectorInstance,
  ));
}

// 目标页面
class ConnectorScreen extends StatelessWidget {
  final int duration;
  final Connector connector;

  const ConnectorScreen({
    super.key,
    required this.duration,
    required this.connector,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Text('时长：$duration'),
          // 使用this.connector渲染内容
        ],
      ),
    );
  }
}

3. 空安全判断（临时调试用）

如果只是想避免崩溃，不想改结构，可以给参数加空判断，但热重载后还是会丢失数据：

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

  @override
  Widget build(BuildContext context) {
    final args = Get.arguments as Map<String, dynamic>?;
    final Connector? connector = args?['connectors'];
    final int? duration = args?['duration'];

    // 处理参数丢失的情况
    if (connector == null || duration == null) {
      return Scaffold(
        body: Center(child: Text('参数丢失，请返回重新进入')),
      );
    }

    return Scaffold(
      body: Column(
        children: [
          Text('时长：$duration'),
          // 使用connector渲染内容
        ],
      ),
    );
  }
}

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