В чем разница между @State и @Binding?

В SwiftUI управление состоянием строится на property wrapper'ах, и два ключевых из них — @State и @Binding. Они работают вместе, чтобы обеспечить реактивное обновление интерфейса при изменении данных.

@State: Владение состоянием

Property wrapper @State используется для объявления состояния, которое принадлежит и полностью управляется конкретным View. SwiftUI хранит это состояние отдельно от структуры View (которая может пересоздаваться часто) и отслеживает его изменения. Когда значение, обернутое в @State, меняется, SwiftUI автоматически перерисовывает те части View, которые от него зависят. @State предназначен для простых типов данных (например, Bool, String, Int) или структур, принадлежащих этому View. Обычно он объявляется как private, так как это внутреннее состояние.

struct CounterView: View {
    @State private var count = 0 // Локальное состояние

    var body: some View {
        VStack {
            Text("Count: \(count)")
            Button("Increment") {
                count += 1 // Изменение @State вызывает обновление View
            }
        }
    }
}

@Binding: Ссылка на состояние

@Binding не хранит данные, а создает двустороннюю ссылку (binding) на значение @State, @StateObject, @ObservedObject или другое @Binding, принадлежащее родительскому View. Это позволяет дочернему View читать и изменять это значение, не владея им. Передача binding'а осуществляется с помощью префикса $ перед именем переменной состояния.

struct ToggleView: View {
    @Binding var isOn: Bool // Binding к состоянию извне

    var body: some View {
        Toggle("Switch", isOn: $isOn) // Toggle изменяет значение через Binding
    }
}

struct ParentView: View {
    @State private var toggleState = false // Состояние принадлежит ParentView

    var body: some View {
        VStack {
            Text("State: \(toggleState ? "ON" : "OFF")")
            ToggleView(isOn: $toggleState) // Передача Binding дочернему View
        }
    }
}

Ключевые различия и применение

• Владение: @State владеет данными, @Binding — только ссылается на них.
• Использование: @State для внутреннего состояния View, @Binding — для передачи состояния в дочерние компоненты (например, текстовые поля, переключатели, кастомные контролы).
• Синтаксис: Для создания Binding используется префикс $ (например, $myState).
• Область видимости: @State обычно private, @Binding — нет, так как он получает значение извне.

Этот механизм лежит в основе однонаправленного потока данных: состояние живет "выше" в иерархии, а изменения распространяются через Binding, что делает данные предсказуемыми и облегчает отладку.

Вывод: Используйте @State для управления локальным, приватным состоянием внутри View. Применяйте @Binding, когда необходимо передать это состояние дочернему View для модификации, обеспечивая согласованность данных и реактивность во всей иерархии компонентов.