新闻详情

新闻详情

首页 / 资讯中心 / 详情

upgrading-expo - native-tabs

发布时间:2026/9/26 8:56:04来源:尧图网络
upgrading-expo - native-tabs
原生标签页迁移SDK 55在 SDK 55 中Label、Icon、Badge和VectorIcon现在作为NativeTabs.Trigger上的静态属性访问而不是单独的导入。导入变更// SDK 53/54 import { NativeTabs, Icon, Label, Badge, VectorIcon, } from expo-router/unstable-native-tabs; // SDK 55 import { NativeTabs } from expo-router/unstable-native-tabs;组件变更SDK 53/54SDK 55Icon /NativeTabs.Trigger.Icon /Label /NativeTabs.Trigger.Label /Badge /NativeTabs.Trigger.Badge /VectorIcon /NativeTabs.Trigger.VectorIcon /不适用NativeTabs.BottomAccessory /SDK 55 新增BottomAccessory用于 iOS 26 上 Apple Music 风格迷你播放器的新组件浮动在标签栏上方NativeTabs NativeTabs.BottomAccessory {/* 标签页上方的内容 */} /NativeTabs.BottomAccessory NativeTabs.Trigger name(index) NativeTabs.Trigger.LabelHome/NativeTabs.Trigger.Label /NativeTabs.Trigger /NativeTabs在 Android 和 Web 上此组件将渲染为无操作。请改用绝对定位将视图放置在标签栏上方。Icon 的md属性用于 Android 上 Material 图标字形的新md属性与现有的drawable并列NativeTabs.Trigger.Icon sfhouse mdhome /完整迁移示例之前SDK 53/54import { NativeTabs, Icon, Label, Badge, } from expo-router/unstable-native-tabs; export default function TabLayout() { return ( NativeTabs minimizeBehavioronScrollDown NativeTabs.Trigger name(index) LabelHome/Label Icon sfhouse.fill / Badge3/Badge /NativeTabs.Trigger NativeTabs.Trigger name(settings) LabelSettings/Label Icon sfgear / /NativeTabs.Trigger NativeTabs.Trigger name(search) rolesearch LabelSearch/Label /NativeTabs.Trigger /NativeTabs ); }之后SDK 55import { NativeTabs } from expo-router/unstable-native-tabs; export default function TabLayout() { return ( NativeTabs minimizeBehavioronScrollDown NativeTabs.Trigger name(index) NativeTabs.Trigger.LabelHome/NativeTabs.Trigger.Label NativeTabs.Trigger.Icon sfhouse.fill mdhome / NativeTabs.Trigger.Badge3/NativeTabs.Trigger.Badge /NativeTabs.Trigger NativeTabs.Trigger name(settings) NativeTabs.Trigger.LabelSettings/NativeTabs.Trigger.Label NativeTabs.Trigger.Icon sfgear mdsettings / /NativeTabs.Trigger NativeTabs.Trigger name(search) rolesearch NativeTabs.Trigger.LabelSearch/NativeTabs.Trigger.Label /NativeTabs.Trigger /NativeTabs ); }迁移检查清单从导入中移除Icon、Label、Badge、VectorIcon只保留来自expo-router/unstable-native-tabs的NativeTabs导入将Icon /替换为NativeTabs.Trigger.Icon /将Label /替换为NativeTabs.Trigger.Label /将Badge /替换为NativeTabs.Trigger.Badge /将VectorIcon /替换为NativeTabs.Trigger.VectorIcon /阅读文档了解更多信息 https://docs.expo.dev/versions/v55.0.0/sdk/router-native-tabs/
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

云MES落地四大硬核关卡:协议穿透、报工闭环、云边容错与数据验真 2026/9/26 9:52:19

云MES落地四大硬核关卡:协议穿透、报工闭环、云边容错与数据验真

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
数据结构课程代码包实战指南:从编译到对拍验证 2026/9/26 9:52:18

数据结构课程代码包实战指南:从编译到对拍验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
E2E自动化测试为何比手动可靠?Playwright落地与CI集成实践 2026/9/26 9:52:18

E2E自动化测试为何比手动可靠?Playwright落地与CI集成实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
【报错笔记】安装ClaudeCode遇到“因为在此系统上禁止运行脚本”:PowerShell执行策略与TaoToken配置排查 2026/9/26 9:52:17

【报错笔记】安装ClaudeCode遇到“因为在此系统上禁止运行脚本”:PowerShell执行策略与TaoToken配置排查

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
OpenAI Codex 代码生成实战指南:用 TaoToken 统一 Key 打通 CLI 与 IDE 配置 2026/9/26 9:52:15

OpenAI Codex 代码生成实战指南:用 TaoToken 统一 Key 打通 CLI 与 IDE 配置

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

阅读更多 →
Atlas 300V NPU推理卡实战:从PyTorch到OM部署YOLOv5全流程 2026/9/26 9:52:09

Atlas 300V NPU推理卡实战:从PyTorch到OM部署YOLOv5全流程

最近技术群里高频出现两句话:一句是“atlas部署yolo怎么搞”,另一句是“atlas 300v 24g 是运算加速卡吗”。这两个问题其实是一体的——大家拿不准这张卡到底能干什么、跟平时用的显卡是不是一回事,于是连部署路径也一起怀疑了。我前后在Atla…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉