SwiftUI-Agent-Skill 导航指南NavigationStack、Sheet 与类型安全导航的 9 个模式【免费下载链接】SwiftUI-Agent-SkillAdd expert SwiftUI Best Practices guidance to your AI coding tool (Agent Skills open format).项目地址: https://gitcode.com/gh_mirrors/sw/SwiftUI-Agent-SkillSwiftUI-Agent-Skill是一个开源的 AI 编程助手技能包它为支持 Agent Skills 开放格式的 AI 编码工具提供专家级 SwiftUI 最佳实践指导。本导航指南聚焦其中最受关注的部分——NavigationStack 类型安全导航、Sheet 弹窗模式与 NavigationSplitView 多栏布局帮你快速掌握 9 个经过实战验证的导航模式让 AI 助手写出的 SwiftUI 代码更正确、更易维护。 本指南的核心内容来自参考文件sheet-navigation-patterns.md技能入口见 SKILL.md。快速上手这个技能包能帮你做什么SwiftUI-Agent-Skill 把大量 SwiftUI 实战经验浓缩为 30 份主题化参考文档见 README.md 中的 Whats Inside 章节覆盖状态管理、视图组合、性能、导航、动画、Liquid Glass 等主题。AI 助手会按需加载对应文档例如当你提到导航或Sheet时它会自动进入 sheet-navigation-patterns.md 查找规范。想安装直接查看 INSTALLATION.md支持多种 AI 工具的一键安装方式。9 个导航模式从 Sheet 到多栏布局模式 1用.sheet(item:)呈现模型驱动的弹窗 ✅推荐当弹窗展示的是某个数据模型时用.sheet(item:)而不是.sheet(isPresented:)。一个可选值Item?就能同时控制是否显示和显示哪个天然避免两个状态不同步的 bug弹窗体内自动解包无需if let关闭时自动置回nil逻辑极简模式 2让 Sheet 自己管理关闭与操作好的 Sheet 应该自给自足内部通过Environment(\.dismiss)完成关闭在自身工具栏里放取消/保存按钮。❌ 避免从父视图传入onSave/onCancel回调——这会制造层层回调传递prop-drilling降低可复用性✅ 推荐Sheet 视图持有自己的State草稿完成操作后自行关闭模式 3用枚举统一管理多个 Sheet当页面可能弹出新建 / 编辑 / 分类等多个不同弹窗时与其声明 N 个布尔值 N 个.sheet修饰符不如定义一个遵循Identifiable的枚举enum Sheet: Identifiable { case add, edit(Article), categories }一个State 一个.sheet(item:)即可天然保证同一时刻只弹一个窗。模式 4NavigationStack 类型安全导航 SwiftUI 现代导航的核心组合NavigationLink(value:)navigationDestination(for:)。定义一个Hashable的路由枚举如enum Route { case profile, settings }每个destination用switch匹配路由并返回对应视图编译器帮你保证每个路由都有对应视图改错直接报错——这就是类型安全导航的威力模式 5用 NavigationPath 编程式导航声明式NavigationLink之外把NavigationPath绑定到State上就能在按钮、网络回调等任意时机append路由跳转保存/恢复导航状态返回到指定层级配合路由枚举实现深链式跳转模式 6NavigationSplitView 两栏布局侧边栏驱动macOS 和 iPad 应用的标准形态左侧List(selection:)侧边栏右侧detail展示详情。选中项为nil时用ContentUnavailableView给出友好的空态提示侧边栏只需绑定一个可选 IDSwiftUI 自动处理选中态模式 7NavigationSplitView 三栏布局对于部门 → 员工 → 详情这类层级数据提供sidebar / content / detail三栏。几个常用配置修饰符修饰符作用columnVisibility:控制列的显示.all/.doubleColumn/.detailOnly.navigationSplitViewColumnWidth(min:ideal:max:)设置每栏宽度preferredCompactColumn:窄屏时优先展示哪一栏.navigationSplitViewStyle(.balanced)切换分栏样式 小贴士不同平台的折叠行为由尺寸类而非设备型号决定——iPhone Duo 的内屏也可能提供 regular 宽度上下文多栏可以同时出现。模式 8Inspector 检查器面板iOS 17 / macOS 14Inspector 是尾边补充信息面板自动适应平台macOS / iPad 横屏 → 显示为右侧可拖拽的列iPhone 紧凑宽度 → 自动降级为 Sheet支持下滑关闭用.inspectorColumnWidth(300)或(min:ideal:max:)控制宽度配合InspectorCommands可免费获得默认键盘切换快捷键模式 9展示类修饰符与 SDK 27 物品驱动对话框其余常见弹窗形态的选型建议.fullScreenCover沉浸式全屏地图、播放器.popover上下文气泡iPhone 上可用.presentationCompactAdaptation(.popover)保持气泡形态SDK 27 新增alert(_:item:)与confirmationDialog(_:item:)物品驱动重载——可选值本身驱动显示与内容无需再同步一个布尔标志且向下兼容部署到 iOS 15模式速查清单 模型驱动的弹窗一律用.sheet(item:)Sheet 内部自管dismiss不接收父级回调多个弹窗用Identifiable枚举 单个.sheet(item:)NavigationStacknavigationDestination(for:)做类型安全导航需要编程跳转时用NavigationPath侧边栏应用选NavigationSplitView两栏或三栏补充信息面板用.inspector可选值驱动的告警/确认框优先用 SDK 27 的item:重载完整清单见 sheet-navigation-patterns.md 末尾的 Summary Checklist。延伸阅读技能包中的相关参考主题参考文件导航与 Sheet本文来源sheet-navigation-patterns.md滚动与程序化定位scroll-patterns.md状态管理与数据流state-management.md主题路由总表Topic RouterSKILL.md把这份指南的思路交给你的 AI 编码助手或直接安装 SwiftUI-Agent-Skill 让它自动遵循——你写的每一条导航代码都会离专家水准更近一步 【免费下载链接】SwiftUI-Agent-SkillAdd expert SwiftUI Best Practices guidance to your AI coding tool (Agent Skills open format).项目地址: https://gitcode.com/gh_mirrors/sw/SwiftUI-Agent-Skill创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
企业数字化 ERP 产品动态
相关推荐
FPGA+CH569高速数据采集方案:从USB3.0桥接到固件与硬件设计实践 /* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/9/27 6:34:43
AI 产出 100 篇小红书笔记却不起号:分清 “用 AI” 和 “会 AI 运营” 不少运营依靠 AI 批量创作上百篇小红书内容,文案完整、标题吸睛,复制粘贴就能发布,账号流量始终平平。很多运营把数据不好归因为工具、提示词,却忽视关键:单纯让 AI 写 100 篇笔记,并不代表你掌握了 AI 运营… · 2026/9/27 6:34:43
不会代码也能做站?wordpress模拟word哪家好用实测 不会代码也能做站?wordpress模拟word哪家好用实测 想做个网站但一碰代码就头大?别慌,这行干久了就知道,很多老板其实根本不想学 PHP,就想要个像 Word 一样拖拖拽拽就能改内容的后台。这时候,wordpress 模拟… · 2026/9/27 7:04:34
Agent 可观测与运维资料整理:从监控到成本控制的 9 个专题 Agent 上线之后的运维问题(卡死、成本失控、日志里查不到原因)最近讨论得挺多,整理了一份对应的资料,21 个文件,一份完整版主文档加九个专题的 slides:
AgentOps 概览(01-03)&#… · 2026/9/27 7:04:34
密特Midtronics蓄电池检测仪核心原理与行业技术优势详解 一、引言
在蓄电池运维领域,很多工程人员习惯使用万用表电压测量、传统负载放电测试判断电池状态。但在实际运维中经常出现:电压正常、一负载就掉电;容量虚高、隐性老化无法识别;新旧电池混装一致性差等问题。密特(Mid… · 2026/9/27 7:04:27
长沙娱乐网站开发避坑:3种建站报价方案全拆解 长沙娱乐网站开发避坑:3种建站报价方案全拆解 改个需求建站公司拖一周,这种经历在长沙做娱乐行业的朋友圈里并不罕见。很多老板在咨询 建站报价 时,只盯着总价数字,却忽略了交付周期、需求变更响应速度以及后期维护成本这三个致命点。… · 2026/9/27 7:04:21
网站没人看?搞懂网页是干什么的,用免费工具救活流量 网站没人看?搞懂网页是干什么的,用免费工具救活流量 花了几千块做出来的网站,上线三天,后台日志只有你一个人访问,甚至连蜘蛛都懒得爬?别急着怪搜索引擎,大概率是你没搞懂 网页是干什么的 这一最基础却最致命的逻辑。… · 2026/9/27 7:04:09
推荐开源项目:Sketch Material - 现代UI设计的强大工具 推荐开源项目:Sketch Material - 现代UI设计的强大工具 【免费下载链接】sketch-material Sketch material is a sketch plugin that will help you generate complex material components like tables, chips, forms etc… 项目地址: https://gitcode.com/gh_mir… · 2026/9/27 7:04:03
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现 简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01
汕头网站建设制作厂家避坑指南:5大注意事项救急 汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习 简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01
MATLAB雷达信号脉冲压缩仿真:LFM线性调频、匹配滤波与距离分辨率实现 简介:这套Matlab仿真工具完整呈现雷达信号脉冲压缩过程,从线性调频(LFM)信号生成、目标回波仿真到匹配滤波压缩处理均有可运行代码支撑,面向电子信息工程、计算机、数学等专业学生,适用于课程设计、期末大作… · 2026/9/27 0:00:01
汕头网站建设制作厂家避坑指南:5大注意事项救急 汕头网站建设制作厂家避坑指南:5大注意事项救急 改个需求建站公司拖一周,这种憋屈事我见得太多了。 很多汕头老板找本地建站团队,签合同前看着方案挺美,一上线就变脸。 今天不聊虚的,直接拆解找 汕头网站建设制作厂家 时的5个核心 注意事项… · 2026/9/27 0:00:01
多模态虚假新闻检测实战:BERT+ResNet双塔与对比学习 简介:基于PyTorch的多模态虚假新闻检测项目完整代码包,面向自然语言处理与计算机视觉交叉方向的开发者、科研人员及毕业设计选题者,解决社交媒体中文本与图像联合识别虚假新闻的问题。系统以BERT预训练模型提取文本语义特征,以Res… · 2026/9/27 0:00:01