要在码上飞平台生成带导航图标的APP,必须在初始需求中明确图标类型、位置和行为逻辑;需按三步操作:第一步用中文完整描述导航结构,含位置、图标、文字、跳转页四要素;第二步图标名须用标准英文关键词(如home、user);第三步自定义图标需注明替换要求并上传文件。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在码上飞平台生成带导航图标的APP,必须在初始需求描述中明确指定图标类型、位置和行为逻辑,否则系统默认不渲染导航栏或仅用文字标签。
明确写出导航图标需求的写法
第一步:在输入框中用中文完整描述导航结构,至少包含“顶部/底部/侧边”+“图标”+“文字”+“跳转页面”四要素。例如:“应用底部导航栏有4个图标:首页( house 图标)、发现( compass 图标)、订单( shopping-cart 图标)、我的( user 图标),每个图标下方显示对应文字,点击后分别跳转到首页、发现页、订单列表页、个人中心页。”
第二步:图标名称必须使用常见开源图标库的标准英文关键词(如 house、search、bell、user、settings),不能写“小房子”“铃铛”“齿轮”等口语化表达——【系统只识别标准化图标名,写错将导致图标缺失或被替换成默认方块】。
第三步:若需自定义图标(如品牌LOGO),须额外说明:“首页图标替换为我提供的PNG文件,尺寸120×120像素,背景透明”,并在后续开发流程中上传该文件——这一步不可省略,系统不会主动提示补传。
快速生效的图标关键词对照表
方法一:直接复制粘贴以下高频可用图标词(已验证兼容当前v1策略):
首页→home|搜索→search|消息→message|通知→bell|用户→user|设置→settings|加号→plus|收藏→heart|购物车→shopping-cart|定位→compass|返回→arrow-left|菜单→menu|分享→share|相机→camera|文档→file-text|图表→bar-chart|日历→calendar|电话→phone|邮件→mail
方法二:不确定图标名时,用“同义图标”替代。例如要“放大镜”,写 search 比 magnifier 更稳;要“三横线菜单”,写 menu 比 hamburger 稳定——【menu 是唯一被全量支持的侧边栏触发图标名】。
避免导航图标失效的三个关键动作
① 不要写“仿微信底部栏样式”这类模糊描述,必须逐项列出图标名与对应页面;
② 若应用只有2个导航项,系统可能自动降级为标签式切换而非图标栏,此时需追加说明:“强制启用底部图标导航,不合并为标签页”;
③ 在AI产品经理确认PRD阶段,务必检查生成的导航配置区块——如果图标名显示为“[未识别]”或空值,立即在对话框中回复:“请将发现页图标改为 compass,订单页改为 shopping-cart”,不要等到预览后再改。











