Flutter iOS Release版本灰色屏幕问题排查求助

大家好，我最近用GetX框架开发了一个Flutter会议房间列表应用，遇到了一个棘手的问题：在iOS Debug模式下运行时，所有组件（搜索框、会议房间列表、图片、文字等）都能正常显示，但打包成Release版本安装到iPhone上后，整个屏幕变成了灰色，完全看不到预期的UI内容。

我已经附上了相关的View、Widget代码，还有Debug和Release版本的对比截图，麻烦各位有经验的大佬帮我分析排查一下问题，非常感谢！

1. MeetingRoomView 代码 #

class MeetingRoomView extends GetView<MeetingRoomController> {
  MeetingRoomView({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      color: AppColors.kSelgao,
      child: Column(
        children: [
          Padding(
            padding: EdgeInsets.symmetric(vertical: 8, horizontal: 12),
            child: searchInputTextWidget(
              controller: controller.mrNameController,
              hintText: 'Search for meeting room',
              labelText: 'Search for meeting room',
              keyboardType: TextInputType.text,
              onChanged: (value) {
                controller.filterMeetingRooms(value);
              },
            ),
          ),
          Expanded(
            child: Obx(() {
              if (controller.isLoading.value) {
                return Center(child: AppUtils().progressIndicator());
              }
              if (controller.tempMeetingRooms.isEmpty) {
                return Center(child: Text('No meeting rooms found.'));
              }
              return ListView.builder(
                itemCount: controller.tempMeetingRooms.length,
                itemBuilder: (context, index) {
                  return MeetingRoomWidget(
                    meetingRoom: controller.tempMeetingRooms[index],
                  );
                },
              );
            }),
          ),
        ],
      ),
    );
  }
}

2. MeetingRoomWidget 代码 #

class MeetingRoomWidget extends StatelessWidget {
  final MeetingRoom meetingRoom;
  MeetingRoomWidget({super.key, required MeetingRoom this.meetingRoom});

  @override
  Widget build(BuildContext context) {
    String slot;
    var availableSlots = 0;
    for (var o in meetingRoom.meetingRoomSlots!) {
      slot = o.slotTime!.substring(0, 5);
      if (AppUtils().compareTime(slot)) {
        if (!o.bookingStatus!) {
          availableSlots = ++availableSlots;
        }
      }
    }
    return GestureDetector(
      onTap: () => Get.toNamed(Routes.MR_BOOKING, arguments: [
        {
          kMeetingRoomId: meetingRoom.meetingRoomId,
          kLocationId: meetingRoom.meetingRoomLocationId,
        },
      ]),
      child: Padding(
        padding: EdgeInsets.all(16),
        child: Container(
          decoration: BoxDecoration(
            color: AppColors.kWhiteColor,
            borderRadius: BorderRadius.only(
              bottomLeft: Radius.circular(20),
              bottomRight: Radius.circular(20),
            ),
          ),
          child: Flexible(
            child: Column(
              children: [
                Stack(
                  children: [
                    ClipRRect(
                      borderRadius: BorderRadius.circular(24),
                      child: Image.network(
                        meetingRoom.meetingRoomImage!,
                        height: 200,
                        width: double.infinity,
                        fit: BoxFit.cover,
                      ),
                    ),
                    Positioned(
                      child: Container(
                        decoration: BoxDecoration(
                          color: AppColors.kTidal,
                          borderRadius: BorderRadius.all(
                            Radius.circular(8),
                          ),
                        ),
                        padding: EdgeInsets.all(8),
                        child: Text(
                          availableSlots > 0 ? 'Available' : 'Unavailable',
                          style: TextStyle(
                            color: AppColors.kBlackColor,
                            fontWeight: FontWeight.w500,
                            fontSize: 12,
                          ),
                        ),
                      ),
                      top: 20,
                      right: 20,
                    ),
                  ],
                ),
                Padding(
                  padding: EdgeInsets.symmetric(
                    horizontal: 16,
                    vertical: 8,
                  ),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        meetingRoom.meetingRoomName!,
                        style: TextStyle(
                          fontSize: 16,
                          fontWeight: FontWeight.bold,
                          color: AppColors.kBlackColor,
                        ),
                      ),
                      Text(
                        ' ${meetingRoom.seatingCapacity} Seater',
                        style: TextStyle(
                          fontSize: 14,
                          color: AppColors.kGreyColor,
                        ),
                      ),
                    ],
                  ),
                ),
                Padding(
                  padding: EdgeInsets.symmetric(horizontal: 16),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Flexible(
                        flex: 1,
                        child: SizedBox(
                          height: 40,
                          child: ListView.builder(
                            scrollDirection: Axis.horizontal,
                            itemCount: meetingRoom.meetingRoomAmenities!.length,
                            itemBuilder: (context, index) {
                              final amenity = meetingRoom.meetingRoomAmenities![index];
                              return amenity.status!
                                  ? Padding(
                                      padding: EdgeInsets.symmetric(horizontal: 4),
                                      child: Image.network(
                                        amenity.icon!,
                                        color: AppColors.kMobsterColor,
                                        width: 25,
                                        height: 25,
                                        fit: BoxFit.contain,
                                      ),
                                    )
                                  : SizedBox.shrink();
                            },
                          ),
                        ),
                      ),
                      Flexible(
                        flex: 1,
                        child: Align(
                          alignment: Alignment.centerRight,
                          child: Text(
                            '${meetingRoom.meetingRoomCredits} cr/${meetingRoom.slotTime}min',
                            style: TextStyle(
                              color: AppColors.kDodgerBlueColor,
                              fontWeight: FontWeight.w700,
                              fontSize: 16,
                            ),
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                SizedBox(
                  height: 16,
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

我自己初步想到的几个排查方向，但还没找到根因： #

• 空安全强制解包问题：代码里有很多!强制解包的地方（比如meetingRoom.meetingRoomSlots!、o.slotTime!、meetingRoom.meetingRoomImage!等），会不会在Release模式下接口返回的数据存在null值，导致崩溃进而出现灰色屏幕？但Debug模式下接口返回的数据都是完整的，所以没触发问题？
• 网络权限与ATS配置：Release模式下iOS的网络权限有没有正确配置？因为大量使用了Image.network加载图片，如果ATS限制或者没有添加网络权限，会不会导致图片加载失败，进而引发UI渲染异常？
• GetX状态监听异常：有没有可能Release模式下GetX的Obx状态监听没有正常触发，比如controller.isLoading、controller.tempMeetingRooms这些变量的更新没有被正确监听，导致一直显示加载状态或者空状态，但为什么是灰色屏幕呢？
• 全局异常未捕获：Release模式下Flutter的未处理异常不会像Debug那样弹出提示，会不会是某个地方抛出了异常但没被捕获，导致UI渲染失败？

再次感谢各位大佬的帮忙！

内容来源于stack exchange