替换默认 Expo 图标
生成方形源图,并按 app.json 或 app.config 可以直接引用的路径导出。
生成专业的 1024×1024 app icon,导出 Expo 项目真正会引用的 icon.png、favicon.png、可合并的 app.json 配置,以及可选的 Android adaptive 前景层。
Expo 项目交付
对于通过 app config 生成原生项目的 Expo 项目,Expo Prebuild 会根据引用的图片生成各平台图标资源。未提交 ios 和 android 目录时,EAS Build 会在编译前运行 Prebuild;手动维护原生目录的项目仍需单独更新原生资源。
围绕 app config,而不是原生资源目录
Expo 图标资源包包含项目级源图与可合并的配置。对于使用 app config 与 Expo Prebuild 或 EAS Build 的项目,各平台图标资源会在构建流程中生成。
expo-icon-package.zip
默认 Expo 资源包
expo.icon → ./assets/icon.pngexpo.web.favicon → ./assets/favicon.pngExpo 图标资源包包含项目级源图与可合并的配置。对于使用 app config 与 Expo Prebuild 或 EAS Build 的项目,各平台图标资源会在构建流程中生成。
描述你想要的图标,AI 将为你生成专业的设计
可选控制会跟随提示词。风格和主色均为可选项,自动模式会跟随提示词。
这套 Expo 图标工作流适合替换初始图标、准备下一次 EAS Build 发布,或为 Android 创建真正分层的 adaptive icon。
生成方形源图,并按 app.json 或 app.config 可以直接引用的路径导出。
把源图与 Expo 配置放在同一个资源包中,再通过 EAS preview 或 production build 验证。
生成透明前景层,而不是把已合成背景的完整图标直接改名,再为它搭配纯色或渐变背景。
Expo-ready 输出
Expo 图标资源包包含项目级源图与可合并的配置。对于使用 app config 与 Expo Prebuild 或 EAS Build 的项目,各平台图标资源会在构建流程中生成。
不透明的 1024×1024 方形 Expo app icon,以及基于同一选定图标生成的 Expo Web favicon。
只有生成独立透明前景层后才会包含。配置使用 android.adaptiveIcon.foregroundImage;纯色背景使用 backgroundColor,生成的渐变背景使用 backgroundImage。
可合并的配置与 README 会说明文件位置和接入方式,不会覆盖现有 Expo 配置。
把 AI 生成的候选图标整理成围绕 app config 交付的 Expo-ready 资源包;手动维护原生目录的项目可以使用高级原生导出。
说明产品用途、视觉气质,以及希望图标传达的核心符号。
查看生成的候选图标,选择你最满意、最符合应用气质的一版。
不执行这一步也可以导出基础 Expo app icon。如果 Android 需要 adaptive icon,再生成透明前景层并选择独立背景;导出包会加入 adaptive-icon.png 与匹配的 android.adaptiveIcon 配置。
把资源复制进项目,再将 app.json.example 中需要的字段合并到现有 app config。
{
"expo": {
"icon": "./assets/icon.png",
"web": {
"favicon": "./assets/favicon.png"
}
}
}创建 preview 或 production build,在目标 iOS 与 Android 设备上检查最终图标效果。