Empty state 空状态
/EMP-tee STAYT/ · noun · 反馈类模式 · #065
界面无内容可展示时说的话。好的空状态会解释为什么是空的，并把能填满它的那个操作递到你手上。
你可能会这样叫它
- “没有结果的页面”
- “购物车为空的页面”
- “还没有内容时的页面”
- “空白页提示”
- “无数据页面”
……它的名字是 空状态（Empty state）。
代码里叫什么
| SwiftUI | ContentUnavailableView |
|---|---|
| UIKit | UIContentUnavailableConfiguration |
| Android / Flutter / Web | 没有专门组件，通常是图标或插画、一句说明加一个操作按钮 |
复制给 AI 编程工具
为这个列表没有内容时加一个空状态：一个简单的图标或插画，一句话说明这里将来会出现什么，一句帮助说明，再加一个创建第一项的主按钮。如果是搜索没有结果，要写明搜了什么，并提供清除筛选条件的选项。放在列表原本占用的区域中间，绝不要只显示一片空白。