Flutter数据表格多行下拉菜单同步变化：如何实现独立控制？

问题根源在于所有下拉菜单绑定了同一个状态变量_selectedSymbol，修改时会同步更新所有组件的显示值。要实现各行独立选择，需要为每行维护单独的选中状态：

步骤1：替换单一状态变量为Map #

把原来的String? _selectedSymbol;替换为存储每行选中值的Map，键可以用行的索引或数据的唯一ID：

// 假设你的表格数据列表为_tableData，用索引作为键
Map<int, String?> _rowSelectedSymbols = {};

步骤2：修改DropdownButton的绑定逻辑 #

在表格的每一行中，DropdownButton的value绑定对应行的选中值，onChanged时更新Map中对应键的值：

// 假设你用ListView或DataTable生成行，遍历索引index
DropdownButton<String>(
  // 取当前行的选中值，默认可以设为某个初始值或null
  value: _rowSelectedSymbols[index] ?? _symbols.first,
  items: _symbols.map((String symbol) {
    return DropdownMenuItem<String>(
      value: symbol,
      child: Padding(
        padding: const EdgeInsets.all(4),
        child: Text(symbol),
      ),
    );
  }).toList(),
  onChanged: (value) {
    setState(() {
      // 更新对应行的选中值
      _rowSelectedSymbols[index] = value;
    });
  },
)

额外优化：处理初始值 #

如果需要给所有行设置默认选中值，可以在初始化时遍历表格数据填充Map：

@override
void initState() {
  super.initState();
  // 假设_tableData是你的表格数据源列表
  for (int i = 0; i < _tableData.length; i++) {
    _rowSelectedSymbols[i] = _symbols.first; // 设置默认选中第一个选项
  }
}

这样修改后，每个下拉菜单都有独立的状态存储，修改某一行的选择不会影响其他行。

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