Flutter如何识别指定索引处组件为Container()还是ListTile()

不要等组件渲染完再去遍历组件树反查类型，这是舍近求远的做法，直接从构建逻辑入手就行，两种常用方案按需选：

• 优先用：提前维护组件类型映射表
  你在做随机排列生成列表项的时候，同步维护一个和列表长度完全一致的类型标记集合，每个索引位置对应存储当前位置要渲染的组件类型，构建item的时候直接根据这个标记返回对应组件，后续要查任意索引的组件类型，直接读这个集合对应位置的值就行，没有额外性能损耗，是最稳定的方案。
  示例代码：

// 先定义列表项类型枚举
enum ItemType { emptyBox, tile }
late List<ItemType> itemTypeList;

@override
void initState() {
  super.initState();
  // 这里替换成你自己的随机排列逻辑，生成类型列表
  itemTypeList = List.generate(
    200, 
    (index) => Random().nextBool() ? ItemType.emptyBox : ItemType.tile
  );
}

@override
Widget build(BuildContext context) {
  return ListView.builder(
    itemCount: itemTypeList.length,
    itemBuilder: (context, index) {
      final currentType = itemTypeList[index];
      if (currentType == ItemType.emptyBox) {
        return Container(); // 即你使用的空Container
      }
      return const ListTile(title: Text('正常列表项'));
    }
  );
}

// 要查指定索引的组件类型直接调用即可
void getTypeAt(int index) {
  final type = itemTypeList[index];
  debugPrint('索引$index的组件为：${type == ItemType.emptyBox ? "空Container" : "ListTile"}');
}

• 备选方案：给两类组件加唯一标识
  如果你已经写完了列表构建逻辑，不想重构加类型映射，可以给Container和ListTile两类组件分别设置唯一的ValueKey，需要判断的时候通过Key区分，或者直接判断组件的runtimeType。这种方案需要遍历查找当前索引对应的渲染对象，性能比第一种差，只适合临时调试使用。
  示例写法：

ListView.builder(
  itemCount: 200,
  itemBuilder: (context, index) {
    if (Random().nextBool()) {
      return Container(key: const ValueKey('empty_container'));
    }
    return ListTile(
      key: const ValueKey('list_tile'),
      title: const Text('正常列表项'),
    );
  }
)

别试图靠组件宽高、位置这类渲染属性反推类型，不同设备分辨率、全局主题、字体大小设置都会影响渲染结果，判断逻辑很容易失效。

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