Исправление условного отображения TabViewBottomAccessory в iOS 26.1

В iOS 26.1 Apple внесла изменения в поведение tabViewBottomAccessory, которые влияют на условный рендеринг. Теперь аксессуар всегда отображается, но выглядит пустым, когда условия не выполняются, вместо того чтобы полностью скрываться, как это было в iOS 26. Чтобы вернуться к предыдущему поведению, необходимо использовать новый параметр isEnabled, представленный в iOS 26.1.

Содержание

• Проблема объяснена
• Официальное решение: использование параметра isEnabled
• Альтернативные обходные пути
• Примеры кода
• Лучшие практики
• Связанные соображения

Проблема объяснена

Изменение поведения в iOS 26.1 означает, что при использовании условного рендеринга внутри tabViewBottomAccessory следующим образом:

.tabViewBottomAccessory {
    if someCondition {
        SomeView()
    }
}

Область аксессуара все равно отображается как пустой полупрозрачный бар, когда someCondition равно false, вместо того чтобы полностью исчезать. Это создает визуальную несогласованность и нежелательное пустое пространство в вашем интерфейсе.

Согласно обсуждению на Stack Overflow, это изменение было специально введено в iOS 26.1 и влияет на то, как аксессуар обрабатывает пустое содержимое.

Официальное решение: использование параметра isEnabled

Правильный подход для iOS 26.1+ - использовать параметр isEnabled, который Apple ввела для правильной обработки условного отображения:

TabView {
    // Ваши вкладки здесь
}
.tabViewBottomAccessory(isEnabled: someCondition) {
    SomeView()
}

Когда isEnabled равно false, аксессуар вообще не будет отображаться, возвращаясь к поведению iOS 26. Это рекомендуемый подход, который правильно работает во всех версиях iOS 26.1+.

Ключевое отличие заключается в том, что условие теперь применяется к модификатору самому по себе, а не к содержимому внутри него. Это предотвращает появление пустого полупрозрачного бара, когда аксессуар должен быть скрыт.

Альтернативные обходные пути

Расширение с условным модификатором

Вы можете создать вспомогательное расширение для условного применения модификаторов:

extension View {
    @ViewBuilder
    func `if`<Content: View>(
        _ condition: Bool,
        transform: (Self) -> Content
    ) -> some View {
        if condition {
            transform(self)
        } else {
            self
        }
    }
}

// Использование
TabView {
    // Ваши вкладки здесь
}
.if(someCondition) {
    $0.tabViewBottomAccessory {
        SomeView()
    }
}

Этот подход, упомянутый в ответе на Stack Overflow, полностью удаляет модификатор, когда условие ложно, предотвращая появление любого пустого пространства.

Подход на основе окружения

Для более сложных сценариев можно использовать значения окружения для управления видимостью аксессуара:

struct TabViewBottomAccessoryVisibilityKey: EnvironmentKey {
    static let defaultValue: Bool = true
}

extension EnvironmentValues {
    var isTabViewBottomAccessoryShown: Bool {
        get { self[TabViewBottomAccessoryVisibilityKey.self] }
        set { self[TabViewBottomAccessoryVisibilityKey.self] = newValue }
    }
}

Затем используйте это в ваших представлениях:

SomeView()
    .environment(\.isTabViewBottomAccessoryShown, false)
    .toolbarVisibility(.hidden, for: .tabBar)

Этот подход полезен, когда вам нужно скрыть аксессуар в определенных контекстах навигации, как обсуждалось в треде Reddit о скрытии аксессуаров при углублении.

Примеры кода

Полная реализация, совместимая с iOS 26.1

Вот полный пример, который обрабатывает как iOS 26, так и iOS 26.1+:

struct ContentView: View {
    @State private var showAccessory = true
    @State private var selectedTab = 0
    
    var body: some View {
        TabView(selection: $selectedTab) {
            Tab("Главная", systemImage: "house.fill") {
                Text("Содержимое главной")
            }
            
            Tab("Поиск", systemImage: "magnifyingglass") {
                Text("Содержимое поиска")
            }
            
            Tab("Профиль", systemImage: "person.fill") {
                Text("Содержимое профиля")
            }
        }
        .applyTabViewBottomAccessory(showAccessory: showAccessory)
        
        Button("Переключить аксессуар") {
            showAccessory.toggle()
        }
        .padding()
    }
}

// Расширение, обрабатывающее обе версии iOS
extension View {
    func applyTabViewBottomAccessory(showAccessory: Bool) -> some View {
        if #available(iOS 26.1, *) {
            return self.tabViewBottomAccessory(isEnabled: showAccessory) {
                CustomAccessoryView()
            }
        } else {
            return self.tabViewBottomAccessory {
                if showAccessory {
                    CustomAccessoryView()
                } else {
                    EmptyView()
                }
            }
        }
    }
}

struct CustomAccessoryView: View {
    var body: some View {
        HStack {
            Image(systemName: "music.note")
            Text("Сейчас играет")
            Spacer()
            Button("Воспроизвести") { }
        }
        .padding()
        .background(Color.black.opacity(0.1))
        .cornerRadius(10)
    }
}

Расширенный условный аксессуар с логикой, специфичной для вкладки

Для поведения аксессуара, специфичного для вкладки:

struct AdvancedTabView: View {
    @State private var activeTab: Tab = .home
    
    enum Tab {
        case home, search, profile
    }
    
    var body: some View {
        TabView {
            Tab("Главная", systemImage: "house.fill") {
                HomeView()
            }
            .tag(Tab.home)
            
            Tab("Поиск", systemImage: "magnifyingglass") {
                SearchView()
            }
            .tag(Tab.search)
            
            Tab("Профиль", systemImage: "person.fill") {
                ProfileView()
            }
            .tag(Tab.profile)
        }
        .tabViewBottomAccessory(isEnabled: shouldShowAccessory) {
            ConditionalAccessoryView(for: activeTab)
        }
        .onChange(of: activeTab) { newTab in
            // Обработка логики аксессуара, специфичной для вкладки
        }
    }
    
    private var shouldShowAccessory: Bool {
        switch activeTab {
        case .home, .search:
            return true
        case .profile:
            return false
        }
    }
}

Лучшие практики

1. Реализация с учетом версии

Всегда проверяйте доступность iOS при реализации условных аксессуаров:

if #available(iOS 26.1, *) {
    // Использовать параметр isEnabled
} else {
    // Использовать условное содержимое
}

2. Последовательное управление состоянием

Держите состояние аксессуара синхронизированным по всему приложению. Не полагайтесь на локальное состояние, которое может стать несогласованным во время навигации.

3. Соображения производительности

Помните, что tabViewBottomAccessory сохраняется между вкладками. Если вам нужны аксессуары, специфичные для вкладки, рассмотрите возможность использования разных представлений аксессуаров, которые адаптируются к текущему контексту, а не показывают/скрывают весь аксессуар.

4. Тестирование на нескольких версиях iOS

Тестируйте вашу реализацию как на iOS 26, так и на iOS 26.1+, чтобы обеспечить согласованное поведение во всех поддерживаемых версиях.

5. Пользовательский опыт

Когда аксессуар скрыт, убедитесь, что критическая функциональность остается доступной через другие элементы пользовательского интерфейса или шаблоны навигации.

Связанные соображения

Поведение минимизации панели вкладок

iOS 26 также представила tabBarMinimizeBehavior, которая работает в conjunction с tabViewBottomAccessory. Подумайте, как ваш аксессуар ведет себя, когда панель вкладок минимизируется:

.tabBarMinimizeBehavior(.onScrollDown)
.tabViewBottomAccessory(isEnabled: showAccessory) {
    // Ваше содержимое аксессуара
}

Проблемы с контекстом навигации

Как упоминалось в обсуждении Reddit, аксессуары могут сохраняться даже при переходе к подпредставлениям, которые скрывают панель вкладок. Вам может потребоваться обработать это следующим образом:

DetailView()
    .toolbarVisibility(.hidden, for: .tabBar)
    .environment(\.isTabViewBottomAccessoryShown, false)

Система дизайна Liquid Glass

Новая система аксессуаров является частью парадигмы дизайна “Liquid Glass” Apple в iOS 26. Подумайте, как дизайн вашего аксессуара соответствует этой новой эстетике, включая эффекты прозрачности и плавные анимации.

Используя параметр isEnabled и реализуя правильный код с учетом версии, вы можете успешно вернуться к поведению iOS 26, сохраняя совместимость с iOS 26.1+.

Источники

1. Stack Overflow: SwiftUI’s tabViewBottomAccessory - bug in conditionally showing/hiding it?
2. Stack Overflow: Conditional TabViewBottomAccessory
3. Reddit: iOS 26 - Hiding a tabViewBottomAccessory in a specific view
4. Hacking with Swift: How to add a TabView accessory
5. Create with Swift: Enhancing the tab bar with a bottom accessory