Flutter：选择搜索下拉项后在TextFieldSearch中显示弹窗的方法

直接在getSelected回调里实例化AlertDialog不会触发弹窗，必须通过showDialog方法结合有效上下文来展示弹窗，以下是正确实现方案：

核心修正点 #

• 弹窗需要通过showDialog方法触发，而非直接创建AlertDialog对象
• 调用showDialog时必须传入当前组件的有效BuildContext

代码示例 #

TextFieldSearch(
  // 配置搜索数据源等必要属性
  getSelected: (selectedValue) {
    showDialog(
      context: context,
      builder: (dialogContext) {
        return AlertDialog(
          title: const Text("已选择"),
          content: Text("你选中的内容：$selectedValue"),
          actions: [
            TextButton(
              onPressed: () => Navigator.of(dialogContext).pop(),
              child: const Text("关闭"),
            ),
          ],
        );
      },
    );
  },
)

注意事项 #

• 确保context是当前组件的有效上下文，StatefulWidget中直接使用this.context即可，StatelessWidget需保证上下文能正确传递到回调中
• 弹窗关闭时要调用Navigator.pop，避免上下文泄露

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