如何调整SwiftUI中TabView内单个Tab Item的尺寸？

SwiftUI系统默认的TabView会统一控制所有tabItem的样式，直接给Image或Text设置.font()方法不会生效，系统会强制覆盖这些自定义样式。

要单独调整某个Tab Item的尺寸，最简单的方式是使用scaleEffect修饰符来缩放图标和文字，示例代码如下：

struct TabViewApp: View {
    var body: some View {
        TabView {
            Text("Tab 1")
                .tabItem {
                    Image(systemName: "star")
                    Text("Tab 1")
                }
            
            Text("Tab 2")
                .tabItem {
                    Image(systemName: "calendar.circle.fill")
                        .scaleEffect(1.5) // 放大图标至1.5倍
                    Text("Tab 2")
                        .scaleEffect(1.2) // 放大文字至1.2倍
                }
            
            Text("Tab 3")
                .tabItem {
                    Image(systemName: "sun.max")
                    Text("Tab 3")
                }
        }
    }
}

如果需要更深度的自定义（比如调整TabBar整体高度、修改选中/未选中状态的样式差异），可以通过UIKit的UITabBarAppearance进行全局配置，或者完全自定义一个TabBar组件替代系统的TabView。

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