用途:在 Flutter 中使用 shadcn_ui 构建响应式布局。响应式能力内置于 shadcn_ui,通过 ShadThemeData.breakpoints 配置。
主要能力:提供默认断点 ShadBreakpoints,包含 tn:0、sm:640、md:768、lg:1024、xl:1280、xxl:1536。可通过 ShadResponsiveBuilder 或 context.breakpoint 获取当前断点并分支渲染。
使用方式:在 ShadThemeData 中设置 breakpoints;用 ShadResponsiveBuilder 的 builder 回调拿到 breakpoint,或用 context.breakpoint 等价获取。判断时建议用 >=,使 sm 等断点适用于该尺寸及更大视口(Tailwind 风格);仅在需要精确匹配单一断点时用 ==。断点是 sealed 类型,可用 switch 匹配 ShadBreakpointTN、SM、MD、LG、XL、XXL 等分支。
适用场景:需要按视口宽度切换布局或组件的 Flutter 应用。
限制:资料未提供安装命令、依赖版本、平台支持范围及更多细节。