Day 20 · Modal / Dialog 模态对话框：打断流程，只为关键任务

Modal / Dialog 是覆盖在当前界面上的临时窗口；当它是模态状态时，窗口外的内容应暂时不可交互，用户需要先处理当前任务再回到原页面。1

如果只是就地补充说明，优先考虑 Popover；如果是侧边展开、不中断上下文，Drawer 更合适。Modal 的关键在于「让用户停下来」，因为它把注意力集中到一个必须完成或明确取消的任务上。Ant Design 对 Modal 的定位是：在不跳转新页面的情况下，让用户与应用交互，获得反馈或展示信息。2

Material Design 把 Dialog 用于需要用户对信息采取行动的场景，并强调它应服务于单一任务；常见形态包括 basic dialog 和 full-screen dialog，前者常用于提醒、快速选择或确认，后者适合需要连续步骤完成的任务。3

该用 Modal 的场景通常有三类：高风险确认、短而聚焦的任务、必须立即做出的决策。别用它承载普通通知、长篇内容阅读，或频繁打断流程。Apple HIG 对模态的定义也强调：模态会进入单独模式，阻止与父视图交互，并要求显式动作来退出。4