使用Getx路由传递Uint8List参数为空的问题排查

你遇到的问题是通过Getx的Get.toNamed传递Uint8List图片数据后，接收页面获取的参数为空，导致图片无法显示（截图显示空白占位），但发送页面能正常展示该图片。以下是可能的原因和对应的解决办法：

1. 检查路由配置是否正确 #

确保预览页面路由已在GetMaterialApp中正确注册，无论是用routes参数还是GetPage列表：

示例（GetPage方式）： #

GetMaterialApp(
  getPages: [
    GetPage(name: '/preview', page: () => PreviewPage()),
    // 其他路由配置...
  ],
)

同时确认RoutesClass.getPreviewRoute()返回的路由名称和注册的完全一致，比如返回'/preview'。

2. 包装参数为Map传递 #

直接传递Uint8List可能存在隐式序列化问题，建议将参数包装成Map后再传递：

发送页面修改： #

Uint8List jpeg = Uint8List.fromList(img.encodeJpg(image));
Get.toNamed(RoutesClass.getPreviewRoute(), arguments: {'imageData': jpeg});

接收页面修改： #

// 确保在页面初始化完成后获取参数，比如build方法或controller的onInit中
Uint8List jpeg = Get.arguments['imageData'];
controller.jpeg = jpeg; // 赋值给controller的变量

3. 确认参数接收时机 #

如果在initState中直接获取Get.arguments，可能因为路由参数还未传递到位导致为空。建议在build方法中获取，或者在Getx Controller的onInit方法中处理：

Getx Controller示例： #

class PreviewController extends GetxController {
  late Uint8List jpeg;

  @override
  void onInit() {
    super.onInit();
    final args = Get.arguments;
    if (args != null && args is Map) {
      jpeg = args['imageData'];
    }
  }
}

4. 检查controller变量赋值是否正确 #

确认接收页面中controller.jpeg是否被正确赋值，比如有没有漏写赋值语句、变量名拼写错误。比如你展示图片的代码用了controller.jpeg，要确保这个变量确实被赋值为从Get.arguments获取到的Uint8List。

额外验证步骤 #

• 发送页面传递参数前，打印jpeg.length确认数据不为空；
• 接收页面获取参数后，打印Get.arguments和jpeg.length，确认参数是否传递成功；
• 尝试在接收页面build中直接使用MemoryImage(Get.arguments['imageData'])，排除controller赋值的问题。

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