flutter如何在dialog中使用setState

在 Flutter 中，`setState()` 函数通常用于当你需要更新界面状态的时候，比如当 Dialog 内部的内容依赖于外部数据或者计算结果时。要在 Dialog 中使用 `setState()`, 首先你需要创建一个 StatefulWidget，因为只有 StatefulWidget 可以持有 State 对象并允许你在内部修改它。

以下是一个简单的示例，假设你有一个包含列表的 Dialog：

class MyDialog extends StatefulWidget {
  @override
  _MyDialogState createState() => _MyDialogState();
}

class _MyDialogState extends State<MyDialog> {
  List<String> items = ['Item 1', 'Item 2'];

  void showDialog() {
    // 使用 showDialog 显示 dialog，并在 builder 中设置回调函数来更新 state 和重新构建 Dialog
    showModalBottomSheet(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          content: ListTile(
            title: Text('Title'),
            subtitle: Column(
              children: items.map((item) {
                return Text(item);
              }).toList(),
            ),
          ),
          actions: [
            TextButton(
              onPressed: () {
                setState(() {
                  // 更新列表内容
                  items.add('New Item');
                  // 如果你想关闭 dialog，可以在这里加上 Navigator.of(context).pop();
                });
              },
              child: Text('Add More'),
            )
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      onPressed: showDialog,
      child: Text('Show Dialog'),
    );
  }
}

在这个例子中，当点击 "Add More" 按钮时，我们通过 `setState()` 更新了 `items` 列表，这会触发 Dialog 的重建，使其显示新的列表项。