Flutter循环中动态访问REST数据item索引的解决方法

你当前的代码通过for循环渲染4次AirTicketCard，但所有属性都硬编码使用item0，尝试用posts!.meta.flights.item${i}.flightDate这种字符串插值方式访问属性报错，是因为Dart不支持这种动态访问对象属性的语法。以下是几种可行的解决方法：

方法1：将itemX改为列表结构（最优解） #

如果可以修改数据源的结构，把item0、item1、item2、item3改成一个List类型的属性（比如命名为items），这样就能直接通过索引访问对应的航班数据，代码更简洁易维护：

for (var i = 0; i < 4; i++) {
  // 直接通过列表索引获取当前循环的航班数据
  final currentFlight = posts!.meta.flights.items[i];
  
  GestureDetector(
    onTap: () {
      showModalBottomSheet(
        context: context,
        builder: (context) => buildAirTicket(pdfurl: currentFlight.flightticket),
        isScrollControlled: true,
        backgroundColor: Colors.transparent,
        shape: const RoundedRectangleBorder(
          borderRadius: BorderRadius.vertical(
            top: Radius.circular(12),
          ),
        ),
      );
    },
    child: AirTicketCard(
      aDate: DateFormat.yMMMMd().format(currentFlight.flightDate),
      departureTime: currentFlight.flightFromTime,
      arrivalTime: currentFlight.flightToTime,
      departureCode: currentFlight.flightFromCode,
      arrivalCode: currentFlight.flightToCode,
      departureDestination: currentFlight.flightFromLocation,
      arrivalDestination: currentFlight.flightToLocation,
      flightcode: currentFlight.flight,
    ),
  ),
}

方法2：使用switch-case映射索引（无需修改数据源） #

如果无法修改数据源结构，可以通过switch-case语句将循环变量i映射到对应的itemX属性：

for (var i = 0; i < 4; i++) {
  final currentFlight = switch(i) {
    0 => posts!.meta.flights.item0,
    1 => posts!.meta.flights.item1,
    2 => posts!.meta.flights.item2,
    3 => posts!.meta.flights.item3,
    _ => throw ArgumentError('无效的航班索引'),
  };
  
  // 后续GestureDetector和AirTicketCard的代码和方法1一致，使用currentFlight即可
}

方法3：通过反射访问属性（不推荐） #

Dart的反射机制可以实现动态访问属性，但Flutter Web环境不支持反射，且release模式下可能被代码优化移除，同时可读性较差，仅作为备选方案：

首先导入dart:mirrors包：

import 'dart:mirrors';

然后编写辅助函数获取对应索引的航班：

// 假设你的航班数据类型为Flight
Flight getFlightByIndex(dynamic flights, int index) {
  final mirror = reflect(flights);
  // 通过Symbol构造属性名，动态获取属性值
  return mirror.getField(Symbol('item$index')).reflectee as Flight;
}

在循环中使用：

for (var i = 0; i < 4; i++) {
  final currentFlight = getFlightByIndex(posts!.meta.flights, i);
  
  // 后续代码同方法1
}

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