如何为 selected/unselected 使用不同的标签项？

Question

如何为选中和未选中的标签创建不同的标签项？例如，我想使用不同的图像并将所选文本设为粗体。

这是我的：

struct ContentView: View {
    @SceneStorage("selectedTab") private var selectedTab = 0

    var body: some View {
        TabView(selection: $selectedTab) {
            Text("Content 1")
                .tabItem {
                    Label("First", systemImage: "alarm")
                        .accessibilityHint("Something 1")
                }
            Text("Content 2")
                .tabItem {
                    Label("Second", systemImage: "calendar")
                        .accessibilityHint("Something 2")
                }
        }
    }
}

有没有一种内置的方法可以做到这一点，因为在选项卡中我无法确定它是否是选定的。

Answer 1

将 selectedTab 与标签一起使用，并使用 selectedTab 条件更改您的标签图像。

对于字体，您可以使用 UITabBarAppearance()。

struct ContentView: View {
    @State private var selectedTab = 0

    init() {
        // Set font here of selected and normal
        let appearance = UITabBarAppearance()
        appearance.stackedLayoutAppearance.normal.titleTextAttributes = [NSAttributedString.Key.font: UIFont.systemFont(ofSize: 10)]
        appearance.stackedLayoutAppearance.selected.titleTextAttributes = [NSAttributedString.Key.font: UIFont.boldSystemFont(ofSize: 15)]
        UITabBar.appearance().standardAppearance = appearance
    }
    
    var body: some View {
        TabView(selection: $selectedTab) {
            Text("Content 1")
                .tabItem {
                    Label("First", systemImage: selectedTab == 0 ? "alarm" : "alarm_unselected") //<-- Here
                        .accessibilityHint("Something 1")
                }.tag(0) //<-- Here
            Text("Content 2")
                .tabItem {
                    Label("Second", systemImage: selectedTab == 1 ? "calendar" : "calendar_unselected") //<-- Here
                        .accessibilityHint("Something 2")
                }.tag(1) //<-- Here
        }
    }
}

如何为 selected/unselected 使用不同的标签项？

How to use different tab items for selected/unselected?

swiftui

swiftui-tabview