
struct SearchedView: View {
@Environment(\.isSearching) private var isSearching
@Binding var searching: Bool
let content: SearchContent
var body: some View {
content
.onChange(of: isSearching) {
withAnimation(.smooth) {
searching = isSearching
}
}
}
}
struct ContentView: View {
let allStrings = ["Apple", "Banana", "Cherry", "Date", "Elderberry", "Fig", "Grape", "Honeydew"]
@State private var searchText = ""
@State private var filteredStrings: [String] = []
@State var searching: Bool = false
var body: some View {
NavigationView {
SearchedView(searching: $searching, content: rootView)
.searchable(text: $searchText, prompt: "Search")
}
}
private var rootView: some View {
List(filteredStrings, id: \.self) { string in
Text(string)
}
.onChange(of: searchText) {
filterStrings(with: searchText)
}
.navigationTitle("Fruits")
.overlay {
if filteredStrings.isEmpty {
VStack {
ContentUnavailableView("No recent searches",
systemImage: "rectangle.and.text.magnifyingglass",
description: Text("Your recent searches will appear here")).frame(width: 350, height: 200)
Spacer()
}
}
}
}
private func filterStrings(with filter: String) {
if filter.isEmpty {
filteredStrings = []
} else {
filteredStrings = allStrings.filter { $0.contains(filter) }
}
}
}
Подробнее здесь: https://stackoverflow.com/questions/782 ... -animation
Мобильная версия