Какие знаешь базовые компоненты в SwiftUI?

Базовые компоненты SwiftUI: основа декларативного UI

SwiftUI предоставляет богатый набор базовых компонентов (views), которые являются строительными блоками для создания пользовательских интерфейсов. Эти компоненты полностью декларативны, оптимизированы для производительности и автоматически адаптируются к различным платформам (iOS, macOS, watchOS, tvOS). Вот ключевые категории и примеры:

1. Компоненты для отображения и организации контента

• Text – для вывода статического или форматированного текста. Поддерживает локализацию, динамический тип и модификаторы стиля.
• Image – для отображения изображений из системных иконок (SF Symbols), asset-каталогов или данных.
• HStack, VStack, ZStack – контейнеры для горизонтального, вертикального и наложенного расположения дочерних видов соответственно. Используются с выравниванием и отступами (spacing).
• Spacer – гибкое пространство, расширяющееся для заполнения доступной области.

2. Элементы управления и интерактивные компоненты

• Button – кнопка с действием (closure) и любым контентом (например, текстом или изображением).
• TextField – поле для однострочного ввода текста с привязкой к значению (через @State или @Binding).
• Slider, Stepper, Toggle – контролы для выбора числовых значений и переключения состояния.
• Picker – компонент для выбора из списка вариантов (может отображаться как колесо, меню или сегментированный контроль).
• List – прокручиваемый список данных, аналогичный UITableView, но с упрощённым синтаксисом.
• NavigationView / NavigationStack (iOS 16+) – обеспечивает навигацию с панелью навигации и переходами.
• TabView – контейнер для организации интерфейса с вкладками.

3. Специализированные компоненты

• ScrollView – прокручиваемый контейнер для отображения контента, превышающего размер экрана.
• Form – группа компонентов, автоматически стилизованная под формы (особенно полезно на iOS).
• Alert, Sheet, Popover – модальные представления для уведомлений и дополнительного контента.
• ProgressView – индикатор выполнения (линейный или круговой).
• LazyVStack, LazyHStack, LazyVGrid, LazyHGrid – «ленивые» контейнеры, которые создают дочерние виды только при необходимости (оптимизация для больших коллекций данных).

4. Пример кода с использованием базовых компонентов

import SwiftUI

struct ContentView: View {
    @State private var text: String = ""
    @State private var isOn: Bool = false
    
    var body: some View {
        NavigationView {
            Form {
                Section(header: Text("Основные компоненты")) {
                    Text("Привет, SwiftUI!") // Текст
                        .font(.title)
                    
                    HStack {
                        Image(systemName: "star.fill") // Изображение из SF Symbols
                            .foregroundColor(.yellow)
                        Text("Рейтинг: 5.0")
                    }
                    
                    TextField("Введите текст", text: $text) // Поле ввода
                    
                    Toggle("Включить опцию", isOn: $isOn) // Переключатель
                    
                    Button(action: {
                        print("Кнопка нажата!")
                    }) {
                        HStack {
                            Image(systemName: "play.circle")
                            Text("Запустить")
                        }
                        .padding()
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                    }
                }
                
                Section(header: Text("Список")) {
                    List(1...5, id: \.self) { item in
                        Text("Элемент \(item)")
                    }
                }
            }
            .navigationTitle("Компоненты SwiftUI")
        }
    }
}

5. Ключевые особенности

• Модификаторы – каждый компонент можно настраивать с помощью цепочки модификаторов (например, .font(), .padding(), .background()).
• Адаптивность – компоненты автоматически подстраиваются под платформу, размеры экрана и ориентацию.
• Интеграция с данными – компоненты легко связываются с источниками данных через @State, @ObservedObject, @Binding и другие property wrappers.
• Декларативный подход – вместо последовательных инструкций описывается желаемое состояние UI, а система SwiftUI управляет обновлениями.

Базовые компоненты SwiftUI минимизируют шаблонный код и позволяют быстро создавать отзывчивые, современные интерфейсы. По мере роста сложности приложения их можно комбинировать с кастомными видами и сложными layout-системами.