Flutter中Dialog下拉选择后TableCell未更新问题排查

你遇到的核心问题是：Dialog内部StatefulBuilder的setState只能刷新弹窗自身状态，无法触发TableCell所在的父组件重建；另外点击Ok后虽更新了selectedItem列表，但没通知父组件刷新，导致TableCell内容始终不变。

1. 用列表驱动UI显示：每个TableRow对应selectedItem里的一个元素，TableCell直接读取对应位置的值，不再依赖selectedVal这类全局变量。
2. 触发父组件刷新：关闭弹窗后调用父组件的setState，让整个Table重新构建，TableCell就能同步显示最新选中值。

// 类成员变量定义
List<String> selectedItem = [];
List<String> itemList = ["Invoice1", "Invoice2", "Invoice3"];
List<TableRow> rows = [];

// 添加行的方法
void addNewRow() {
  selectedItem.add(""); // 初始化当前行的空值
  setState(() {
    rows.add(
      TableRow(
        children: [
          TableCell(
            child: GestureDetector(
              onTap: () {
                final currentRowIndex = rows.length - 1;
                showDialog(
                  context: context,
                  builder: (context) {
                    // 临时存储当前行的选中值，避免全局变量冲突
                    String tempSelected = selectedItem[currentRowIndex];
                    return StatefulBuilder(
                      builder: (BuildContext context, StateSetter dialogSetState) {
                        return AlertDialog(
                          title: const Text('Select Invoice'),
                          content: DropdownButtonFormField<String>(
                            value: tempSelected.isNotEmpty ? tempSelected : null,
                            onChanged: (value) {
                              dialogSetState(() {
                                tempSelected = value!;
                              });
                            },
                            items: itemList.map((item) {
                              return DropdownMenuItem<String>(
                                value: item,
                                child: Text(item),
                              );
                            }).toList(),
                          ),
                          actions: <Widget>[
                            TextButton(
                              onPressed: () {
                                Navigator.of(context).pop();
                                // 更新列表并触发父组件刷新
                                setState(() {
                                  selectedItem[currentRowIndex] = tempSelected;
                                });
                                print('选中值：${selectedItem[currentRowIndex]}');
                              },
                              child: const Text('确定'),
                            ),
                          ],
                        );
                      },
                    );
                  },
                );
              },
              child: Container(
                color: Colors.lightBlue,
                padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
                child: Text(
                  selectedItem[rows.length - 1].isNotEmpty 
                      ? selectedItem[rows.length - 1] 
                      : 'Select Invoice',
                  style: const TextStyle(color: Colors.white),
                ),
              ),
            ),
          ),
          // 其他TableCell可按需添加
        ],
      ),
    );
  });
}

• 给每个行分配唯一索引currentRowIndex，确保更新的是selectedItem中对应行的位置
• 弹窗内用临时变量tempSelected存储选中值，避免和全局变量互相干扰
• 点击确定后调用父组件的setState，更新selectedItem并触发Table重建，TableCell自动同步最新值
• 移除selectedVal变量，直接通过selectedItem的内容判断显示默认文本还是选中值

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