👶 Как задержать запросы сервера на поисковый запрос пользователя в SwiftUI & Combine

Практический пример:

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

Реализация поиска в SwiftUI

struct SearchView: View {

 @State private var userSearchInput: String = «»

 var body: some View {
 VStack {
 // Show loading indicator, error, or results
 }
 .searchable(text: $userSearchInput)
 .onChange(of: userSearchInput) { _, newValue in
 viewModel.updateSearch(userSearchInput: newValue)
 }
 }
}

1. Мы используем модификатор поиска SwiftUI для настройки отображения поля поиска.
2. Мы используем переменную @State для передачи в качестве привязки к модификатору, доступному для поиска. Она будет обновляться автоматически по мере изменения пользователем поискового запроса.
3. Мы подписываемся на изменения в поиске, чтобы уведомить нашу модель просмотра о том, что ей может потребоваться обновить результаты.

Реализация в ViewModel

Далее посмотрим, как может быть реализована ViewModel:

class SearchViewModel {
 private var userSearchInputSubject = PassthroughSubject()
 private var cancellables = Set()

 init() {
 userSearchInputSubject
 .debounce(for: 0.5, scheduler: RunLoop.main)
 .sink { [weak self] searchInput in
 self?.reload(with: searchInput)
 }
 .store(in: &cancellables)
 }

 func updateSearch(userSearchInput: String?) {
 userSearchInputSubject.send(userSearchInput)
 }
}

Используя оператор debounce, мы гарантируем, что запросы на сервер будут отправляться только тогда, когда пользователь перестанет печатать на полсекунды, что сокращает количество ненужных запросов и повышает общую производительность нашего приложения.

#гайд #SwiftUI

🫗 Разбираемся в стилях кнопок SwiftUI с эффектом «жидкого стекла»

В iOS 18 в SwiftUI появились liquid glass-стили — полупрозрачные, «стеклянные» кнопки и элементы.

Обычная кнопка:

Button("Add", action: addItem)

— рисуется в стандартном системном стиле.

Если применить .glass:

Button("Add", action: addItem)
    .buttonStyle(.glass)

кнопка получает эффект стекла, глубину и анимацию нажатия. Цвет можно задать через .tint, но система полностью контролирует размеры и отступы.

Есть вариант .glassProminent для основных действий, но пока он не работает в Xcode 26.0 beta.

Отдельно существует модификатор .glassEffect(), который можно применить к любому виду:

Text("Hello")
    .padding()
    .glassEffect()

Это просто придаёт представлению полупрозрачный фон, без анимаций и встроенного стиля — всё остальное нужно оформить вручную.

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

Стоит отметить, что стеклянные кнопки не заменяют пользовательские ButtonStyles. Если нам нужны фирменные кнопки для конкретного приложения или динамические кнопки, внешний вид которых зависит от состояния, то пользовательские стили по-прежнему будут подходящим инструментом.

Но если мы хотим использовать системный внешний вид и соответствовать развивающейся эстетике Apple, то стеклянные стили — это быстрый способ добиться желаемого.

А вы уже использовали .glass или .glassEffect()? Делитесь впечатлениями в комментариях 💬

🐸 Библиотека мобильного разработчика

#MiddlePath #SwiftUI #iOS