You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在SwiftUI TabView中使用自定义图片并调整其尺寸?

解决TabView自定义tabItem图片过大的问题

直接替换系统图标为自定义图片并调整尺寸即可,修改后的代码如下:

TabView(selection: $selectedTab) {
    Home()
        .tabItem {
            Image("Home") // 替换为你的自定义图片名称
                .resizable()
                .scaledToFit() // 保持图片比例,避免拉伸变形
                .frame(width: 24, height: 24) // 设置适配的尺寸,与系统图标大小对齐
            Text("Home")
        }
        .tag(0)
}

关键注意事项:

  • 确保名为"Home"的图片已正确添加到项目的Assets.xcassets资源文件中,避免路径或资源配置错误
  • 必须添加resizable()修饰符,否则自定义图片会以原始尺寸显示,无法调整大小
  • scaledToFit()保证图片按自身比例缩放,不会因frame设置出现变形
  • frame的宽高数值可根据需求微调,系统默认tab图标尺寸约为24x24,这个范围适配性较好

内容的提问来源于stack exchange,提问作者Mxyb

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 20:41:09