79 lines
2.4 KiB
Dart
79 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
/// 通用带输入框的确认弹窗组件
|
||
/// [title]：弹窗标题
|
||
/// [hintText]：输入框提示文字
|
||
/// [labelText]：输入框标签文字
|
||
/// [confirmText]：确认按钮文字（默认"保存"）
|
||
/// [cancelText]：取消按钮文字（默认"取消"）
|
||
/// [onConfirm]：确认按钮回调，参数为输入的文本，返回bool表示是否关闭弹窗
|
||
/// [inputValidator]：输入内容校验器，返回null表示校验通过，返回字符串表示错误提示
|
||
Future<void> showInputConfirmDialog({
|
||
required BuildContext context,
|
||
required String title,
|
||
required String hintText,
|
||
String labelText = '',
|
||
String confirmText = '保存',
|
||
String cancelText = '取消',
|
||
required Function(String inputText) onConfirm,
|
||
String? Function(String inputText)? inputValidator,
|
||
}) async {
|
||
// 输入框控制器
|
||
final TextEditingController _controller = TextEditingController();
|
||
|
||
await showDialog(
|
||
context: context,
|
||
builder: (BuildContext context) {
|
||
return AlertDialog(
|
||
title: Text(title),
|
||
content: TextField(
|
||
controller: _controller,
|
||
decoration: InputDecoration(
|
||
hintText: hintText,
|
||
border: const OutlineInputBorder(),
|
||
labelText: labelText,
|
||
),
|
||
autofocus: true, // 自动聚焦输入框
|
||
),
|
||
actions: [
|
||
// 取消按钮
|
||
TextButton(
|
||
onPressed: () {
|
||
Navigator.of(context).pop();
|
||
},
|
||
child: Text(cancelText),
|
||
),
|
||
// 确认按钮
|
||
TextButton(
|
||
onPressed: () {
|
||
// 获取输入文本并去空格
|
||
final String inputText = _controller.text.trim();
|
||
|
||
// 1. 执行自定义校验
|
||
if (inputValidator != null) {
|
||
final String? errorMsg = inputValidator(inputText);
|
||
if (errorMsg != null) {
|
||
ScaffoldMessenger.of(context).showSnackBar(
|
||
SnackBar(
|
||
content: Text(errorMsg),
|
||
backgroundColor: Colors.red,
|
||
),
|
||
);
|
||
return;
|
||
}
|
||
}
|
||
|
||
// 2. 执行确认回调
|
||
onConfirm(inputText);
|
||
|
||
// 3. 关闭弹窗
|
||
Navigator.of(context).pop();
|
||
},
|
||
child: Text(confirmText),
|
||
),
|
||
],
|
||
);
|
||
},
|
||
);
|
||
}
|