iOS 标签栏（导航页脚）
在 Config.swift 中把 showNavFooter 设为 true，并在 FooterBar.json 中描述三到五个标签：标签文字（name）、SF Symbol 图标（sf_symbol）和点按后打开的 URL（redirection_link），另外用 colour（dark 或 light）设置整个标签栏的配色。
按工具查看指南
Lovable 应用的原生标签栏Lovable 将一段聊天提示词变成完整的全栈 Web 应用，并为您托管。Bolt 应用的原生标签栏StackBlitz 出品的 Bolt.new 直接在浏览器中根据提示词构建并部署全栈 Web 应用。v0 应用的原生标签栏Vercel 出品的 v0 根据提示词生成 React 和 Next.js 应用，并可一键部署到 Vercel。Replit 应用的原生标签栏Replit Agent 根据提示词构建全栈应用，Replit Deployments 负责托管。Base44 应用的原生标签栏Base44（Wix 旗下公司）根据聊天提示词构建完整应用，自带数据库、认证和托管。Cursor 应用的原生标签栏Cursor 是许多 vibe coder 用来借助代理和 Composer 构建 Web 应用的 AI 代码编辑器。Claude Code 应用的原生标签栏Claude Code 和 Claude 的 artifacts 让您在终端或聊天中构建完整的 Web 应用。ChatGPT & Codex 应用的原生标签栏ChatGPT（Canvas）和 OpenAI Codex 编写并重构完整的 Web 应用，由您自行部署。
四种原生导航方式
四种方式在点按时都会在主 WebView 中加载您 Web 应用的某个 URL，所以您的路由完全不用改。每个平台选一种主要模式即可。
iOS 侧边栏
把 enableSidebar 设为 true，并在 Sidebar.json 中填写相同的字段。一个悬浮按钮会打开原生滑出菜单，适合版块多到标签栏放不下的情况。它可以单独使用，也可以与页脚标签栏同时使用（侧边栏文档）。
Android 底部导航栏
Config.java 中的 ENABLE_NAVIGATION_FOOTER 会添加一个 Material 3 底部导航栏。其中的条目、图标和文字来自 res/menu/menu_drawer.xml；Google 建议设置三到五个顶级目的地。深色和浅色模式会自动跟随系统。
Android 抽屉式导航
ENABLE_NAVIGATION_DRAWER 会添加一个悬浮菜单按钮，用来打开 Material 抽屉式导航，由同一个菜单文件驱动。底部导航栏和抽屉式导航可以同时使用，例如主要版块放在底部，设置、帮助和法律页面放在抽屉里。
原生导航栏、Web 标签栏还是网站菜单？
| 原生导航栏（WebViewGold） | 在 Web 应用中构建的标签栏 | 带汉堡菜单的网站页眉 | |
|---|---|---|---|
| 外观 | 系统原生样式：iOS 上是 SF Symbols，Android 上是 Material 3 | 随您设计，与品牌保持一致 | 一个移动网站 |
| 在哪里修改 | FooterBar.json、Sidebar.json、menu_drawer.xml；随商店更新发布 | 在您的 Web 应用中，每次部署即时生效 | 在您的 Web 应用中 |
| 主屏幕指示条和安全区域 | 原生处理 | 需要用 env(safe-area-inset-bottom) 设置内边距 | 常被主屏幕指示条遮挡 |
| 点按后的效果 | 在 WebView 中加载该标签的 URL（一次页面加载） | 客户端路由切换；即时响应，保留状态 | 先打开菜单，再跳转 |
| 最适合 | 三到五个固定的顶级版块 | 经常变化的版块、角标和计数器 | 仅用于网站；在应用内隐藏 |
常见问题
要通过 App Store 审核，必须有原生标签栏吗？
没有哪一项功能是必需的。准则 4.2 关注应用是否提供了比重新包装的网站更多的东西，准则 4.0 关注它是否遵循 iOS 的设计规范。原生标签栏是这两方面最明确的信号之一，尤其是与推送通知和完善的离线页面搭配时，但它无法替代一个适配移动端的 Web 应用。
不发布商店更新也能修改标签吗？
原生标签栏不行：FooterBar.json、Sidebar.json 和 menu_drawer.xml 都打包在构建版本里。标签 URL 背后的页面则会随每次部署更新。如果您的版块经常变化，请改为在 Web 应用中构建标签栏，并只在应用内显示。
原生标签栏支持单页应用吗？
支持。每个标签都会在 WebView 中加载自己的 URL，因此您的托管服务必须对每个路由都返回应用（SPA 回退到 index.html），您的路由器也必须在直接加载时打开正确的页面。测试方法：把某个标签 URL 粘贴到新的浏览器标签页中打开。
让您的应用上架商店的三种方式
结果相同，只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。
自己动手
$109 每个平台，一次性付费
WebViewGold 许可证：一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL，设置名称和图标，开启所需功能，构建并提交。永久免费更新。
在主页查看方案Cloud Builder
$349 每个许可证，一次性附加购买
无需 Mac、Xcode 或 Android Studio：在浏览器中完成配置，我们在云端构建两个应用，并将其交付到 App Store Connect 和 Play Console。
Cloud Builder 如何运作 试用免费演示Full Service
$698 每个平台 $798
把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用，白标，附源码项目。两个平台共 $1,158。
Full Service 详情 服务提供方：
冬季特惠价格有效期至 2026年12月31日。