flutter-confirm-dialog
星标12
分支2
更新时间2026年6月19日 00:11
确认/删除等交互弹框统一使用 showTolyPopPicker 底部弹出样式。在需要弹出确认框、删除确认、操作选择时激活,确保交互风格一致。
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly菜单
确认/删除等交互弹框统一使用 showTolyPopPicker 底部弹出样式。在需要弹出确认框、删除确认、操作选择时激活,确保交互风格一致。
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
GitHub Release 发布操作规范。在需要发布版本、上传安装包到 GitHub Release 时激活,确保使用正确的命令和流程。
后端服务启动与数据库操作规范。在需要启动后端服务、运行 API 测试、执行数据库迁移或遇到连接错误时激活,确保使用正确的命令和流程。
功能归档规范。在归档功能版本、更新功能网、创建存档快照时激活,确保节点编号正确、网络图完整。
使用 tolyui_mediax 实现媒体预览。适用于图片九宫格展示、全屏预览、手势缩放、视频播放、Hero 动画等场景。
Flutter Widget/Page 组件代码评审技能。在需要审查组件代码质量、发现设计问题时激活,确保输出结构化的问题清单和改进建议。
Flutter Widget/Page 组件重构执行技能。在需要对组件执行拆分、提取、简化时激活,确保按正确手法重构并验证通过。
| name | flutter-confirm-dialog |
| description | 确认/删除等交互弹框统一使用 showTolyPopPicker 底部弹出样式。在需要弹出确认框、删除确认、操作选择时激活,确保交互风格一致。 |
| metadata | {"model":"manual","last_modified":"Wed, 18 Jun 2026 00:00:00 GMT"} |
禁止使用 showDialog + AlertDialog 做确认弹框。
统一使用 showTolyPopPicker(来自 tolyui_feedback_modal 包),底部弹出 action sheet 风格。
import 'package:tolyui_feedback_modal/tolyui_feedback_modal.dart';
showTolyPopPicker<bool>(
context: context,
title: const Text('确定删除这条消息?'),
tasks: [
TolyMenuItem(
info: '删除',
content: const Text('删除', style: TextStyle(color: Color(0xFFFF4D4F), fontSize: 16)),
task: () {
// 执行删除
return true;
},
),
],
);
showTolyPopPicker<String>(
context: context,
title: const Text('选择操作'),
tasks: [
TolyMenuItem(
info: 'download',
content: const Text('下载到本地', style: TextStyle(fontSize: 16)),
task: () {
// 执行下载
return 'download';
},
),
TolyMenuItem(
info: 'share',
content: const Text('分享', style: TextStyle(fontSize: 16)),
task: () {
// 执行分享
return 'share';
},
),
],
);
| 元素 | 样式 |
|---|---|
| 弹框位置 | 底部弹出(action sheet 风格) |
| 标题 | Text,fontSize 默认 |
| 危险操作按钮 | 红色文字 Color(0xFFFF4D4F) |
| 普通操作按钮 | 默认黑色文字 |
| 取消按钮 | 自动附带,无需手动添加 |
showDialog + AlertDialog 做确认弹框showModalBottomSheet 自己画showTolyPopPicker,保持全 App 一致体验0xFFFF4D4Ftask 回调里执行操作并返回结果