Как вызвать рекомпозицию в SwiftUI?

Как вызвать рекомпозицию в SwiftUI

Рекомпозиция (recomposition) или обновление представления в SwiftUI — это процесс пересчёта иерархии View в ответ на изменение данных. SwiftUI использует декларативный подход: вы описываете, как UI должен выглядеть в зависимости от состояния, а фреймворк автоматически обновляет представление при изменении этого состояния. Вызвать рекомпозицию можно несколькими способами, воздействуя на источники истины (source of truth).

Основные механизмы рекомпозиции

1. Использование @State и @StateObject

Локальное состояние View, помеченное как @State или @StateObject, при изменении автоматически вызывает рекомпозицию этой View и её дочерних элементов.

struct CounterView: View {
    @State private var count = 0 // Изменение вызовет рекомпозицию
    
    var body: some View {
        VStack {
            Text("Счёт: \(count)")
            Button("Увеличить") {
                count += 1 // Изменение @State триггерит обновление
            }
        }
    }
}

2. Использование @ObservedObject, @EnvironmentObject и @Published

Для разделяемых моделей данных класс должен соответствовать ObservableObject, а свойства — быть помечены @Published. Любое изменение @Published свойства приводит к рекомпозиции всех View, которые подписаны через @ObservedObject или @EnvironmentObject.

class UserSettings: ObservableObject {
    @Published var username = "Алексей" // Изменение оповещает подписчиков
}

struct ProfileView: View {
    @ObservedObject var settings: UserSettings
    
    var body: some View {
        TextField("Имя", text: $settings.username) // Редактирование вызовет рекомпозицию
    }
}

3. Использование @Binding

@Binding создаёт двустороннюю связь с состоянием, объявленным выше в иерархии. Изменение значения через binding приводит к обновлению исходного @State или @StateObject, что запускает рекомпозицию.

struct ToggleView: View {
    @Binding var isOn: Bool // Связь с внешним состоянием
    
    var body: some View {
        Toggle("Включено", isOn: $isOn) // Переключение обновит родительское состояние
    }
}

4. Использование @Environment

Изменение значения в Environment (например, \.colorScheme, \.locale) может приводить к рекомпозиции View, которые зависят от этого значения. Вы также можете добавлять свои кастомные Environment-ключи.

struct ThemeKey: EnvironmentKey {
    static let defaultValue = Color.blue
}

extension EnvironmentValues {
    var themeColor: Color {
        get { self[ThemeKey.self] }
        set { self[ThemeKey.self] = newValue }
    }
}

struct ContentView: View {
    @Environment(\.themeColor) var color // Изменение в Environment обновит View
    
    var body: some View {
        Text("Привет, мир!")
            .foregroundColor(color)
    }
}

5. Явный вызов objectWillChange.send()

В ObservableObject вы можете вручную уведомить об изменении, вызвав objectWillChange.send(), даже если свойства не помечены @Published. Это полезно для сложных асинхронных операций.

class DataModel: ObservableObject {
    var items: [String] = [] {
        didSet {
            objectWillChange.send() // Ручной триггер рекомпозиции
        }
    }
    
    func loadData() {
        // Асинхронная загрузка...
        items = ["Данные", "Загружены"]
    }
}

6. Использование внешних триггеров через onReceive или task

View может реагировать на внешние события, например, на сообщения от NotificationCenter или Timer, используя модификаторы onReceive или task. Это позволяет вызвать рекомпозицию при получении данных извне.

struct TimerView: View {
    @State private var currentTime = Date()
    let timer = Timer.publish(every: 1, on: .main, in: .common).autoconnect()
    
    var body: some View {
        Text(currentTime, style: .time)
            .onReceive(timer) { input in
                currentTime = input // Обновление @State каждую секунду
            }
    }
}

Ключевые принципы и рекомендации

• Декларативность: Не вызывайте рекомпозицию явно (например, прямыми методами обновления UI). Всегда меняйте состояние, и SwiftUI сделает остальное.
• Производительность: SwiftUI умно оптимизирует рекомпозицию, обновляя только те части View, которые действительно изменились. Используйте модификаторы equatable() или id() для тонкого контроля.
• Источники истины: Храните состояние в ближайшем общем предке для всех View, которые в нём нуждаются, чтобы избежать противоречий.
• Интеграция с UIKit: При использовасе UIViewRepresentable или UIViewControllerRepresentable рекомпозиция может управляться через координатора и обновляющие методы, такие как updateUIView.

На практике рекомпозиция в SwiftUI — это естественный результат работы с реактивными состояниями. Правильное использование @State, @ObservedObject и других property wrappers гарантирует, что интерфейс будет всегда синхронизирован с данными.