IvyLabs Design BostonIvy 爬山虎 v0.8.0

组件 · 任务

FilterBar

筛选栏:列表和看板上方,显示当前生效的筛选条件,可以逐个移除、一键清除、再加一个。

调用方提供:filters({ id, field, value, icon },field 写成「负责人:」这样带冒号的字段名)、onRemove(id)、onAdd(打开字段菜单,用 Menu)、onClear、可选的 quick(常用开关,{ id, label, active, icon },onToggle(id))、count(筛选结果数,如「12 个任务」)。

行为:每个条件是一个可移除的标签,移除按钮读出「移除筛选 负责人:林小满」。窄屏时标签换行,过长的值省略号截断。结果数用 status 朗读。

写法

Flutter:BiFilterBar(filters: [BiFilter(...)], onRemove:, onAdd:, onClear:, quick: [...])。

预览