Tab Bar图标尺寸调整与背景颜色异常问题咨询

仅添加.resizable()无法精准控制图标尺寸，你需要明确设置框架大小并保持图标比例，避免拉伸变形。修改代码如下：

Image("TabGarden")
    .resizable()
    .scaledToFit() // 保持图标原有比例，防止变形
    .frame(width: 24, height: 24) // 固定尺寸为24×24

如果需要图标填满24×24区域（允许拉伸），可将.scaledToFit()替换为.scaledToFill()，但通常推荐前者保证图标显示正常。

直接设置UITabBar.appearance().backgroundColor无法覆盖选中Tab的默认高亮样式，导致选中项背景看起来更深。你需要用UITabBarAppearance统一配置所有状态的样式，移除选中项的背景指示器：

init() {
    let tabBarAppearance = UITabBarAppearance()
    // 设置全局背景色
    tabBarAppearance.backgroundColor = UIColor.blue
    // 移除选中Tab的背景高亮指示器
    tabBarAppearance.selectionIndicatorImage = UIImage()
    
    // 可选：配置选中/未选中的图标和文字颜色
    tabBarAppearance.stackedLayoutAppearance.selected.iconColor = UIColor.white
    tabBarAppearance.stackedLayoutAppearance.selected.titleTextAttributes = [.foregroundColor: UIColor.white]
    tabBarAppearance.stackedLayoutAppearance.normal.iconColor = UIColor.gray
    tabBarAppearance.stackedLayoutAppearance.normal.titleTextAttributes = [.foregroundColor: UIColor.gray]
    
    // 应用样式到标准状态和滚动边缘状态
    UITabBar.appearance().standardAppearance = tabBarAppearance
    UITabBar.appearance().scrollEdgeAppearance = tabBarAppearance
}

配置完成后，所有Tab的背景色会保持一致，不会出现选中项背景更深的情况。

内容的提问来源于stack exchange，提问作者Jason