Flutter 下拉菜单异常：单个选项更新时全部下拉项同步联动

• 状态定义作用域错误：代码将selectedTour选中值数组写在了StreamBuilder的builder回调内部，每次组件构建时都会重新初始化空数组，状态完全没有持久化能力，无法和每个下拉菜单建立独立的状态绑定关系
• 索引引用逻辑错误：代码里通过遍历Firebase文档列表定义的临时循环变量i，在循环结束后会固定停留在文档列表的最后一个下标值，所有生成的DropdownButton传入的value参数、onChanged回调里的数组更新位置都指向同一个固定下标，完全没有对接ListView每个列表项的专属行索引
• 组件状态串用：所有下拉菜单共享同一份临时数组里的同位置取值，自然会出现任意一个菜单选中项变化时，其他菜单同步联动的问题

• 把selectedTour选中值数组的定义移到State类的顶层作用域，在initState中完成初始化，保证数组在整个页面生命周期内不会被重复重置
• 在ListView.builder的itemBuilder回调中拿到当前行的专属索引itemIndex，将这个索引传入StreamBuilder的构建流程，替换原来使用临时循环变量i的逻辑
• 给每个DropdownButton绑定对应itemIndex位置的数组值作为选中状态，在onChanged回调里仅更新当前itemIndex对应的数组位置值，触发setState刷新时不会影响其他行的状态

修正后的核心代码参考

// 顶层State类内定义状态，不放在build方法内
late List<String?> selectedTour;

@override
void initState() {
  super.initState();
  // 按需要的下拉菜单总数初始化数组，每个位置默认空值
  selectedTour = List.filled(int.parse(widget.duration) + 1, null);
}

// ListView.builder的itemBuilder拿到当前行索引itemIndex
ListView.builder(
  itemCount: int.parse(widget.duration) + 1,
  itemBuilder: (context, itemIndex) {
    return StreamBuilder<QuerySnapshot>(
      stream: FirebaseFirestore.instance
          .collection('${widget.destination}rates'.toLowerCase())
          .snapshots(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return const Text('Loading..');
        // 构建下拉选项列表
        List<DropdownMenuItem> tourName = snapshot.data.docs.map((snap) {
          return DropdownMenuItem(
            value: snap['name'].toString(),
            child: Text(snap['name'].toString()),
          );
        }).toList();

        return DropdownButton(
          isExpanded: true,
          hint: const Text('Select Tour'),
          items: tourName,
          // 绑定当前行专属的选中值
          value: selectedTour[itemIndex],
          onChanged: (value) {
            setState(() {
              // 仅更新当前行对应的选中值
              selectedTour[itemIndex] = value.toString();
            });
          },
        );
      },
    );
  },
)

• 避免给DropdownButton设置不在可选选项列表范围内的value值，否则会触发渲染异常
• 若下拉选项为异步加载，需等选项列表加载完成后再给对应行的选中值赋有效内容，避免出现值匹配不到选项的报错

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