GPT

iOS SwiftUI Component Example

// Modern SwiftUI component with performance optimization import SwiftUI import Combine struct ProductListView: View { @StateObject private var viewModel = ProductListViewModel() @State private var searchText = "" v

Prompt text

Original English text. Replace placeholders with your own details.

// Modern SwiftUI component with performance optimization
import SwiftUI
import Combine

struct ProductListView: View {
 @StateObject private var viewModel = ProductListViewModel()
 @State private var searchText = ""

 var body: some View {
 NavigationView {
 List(viewModel.filteredProducts) { product in
 ProductRowView(product: product)
 .onAppear {
 // Pagination trigger
 if product == viewModel.filteredProducts.last {
 viewModel.loadMoreProducts()
 }
 }
 }
 .searchable(text: $searchText)
 .onChange(of: searchText) { _ in
 viewModel.filterProducts(searchText)
 }
 .refreshable {
 await viewModel.refreshProducts()
 }
 .navigationTitle("Products")
 .toolbar {
 ToolbarItem(placement: .navigationBarTrailing) {
 Button("Filter") {
 viewModel.showFilterSheet = true
 }
 }
 }
 .sheet(isPresented: $viewModel.showFilterSheet) {
 FilterView(filters: $viewModel.filters)
 }
 }
 .task {
 await viewModel.loadInitialProducts()
 }
 }
}

// MVVM Pattern Implementation
@MainActor
class ProductListViewModel: ObservableObject {
 @Published var products: [Product] = []
 @Published var filteredProducts: [Product] = []
 @Published var isLoading = false
 @Published var showFilterSheet = false
 @Published var filters = ProductFilters()

 private let productService = ProductService()
 private var cancellables = Set<AnyCancellable>()

 func loadInitialProducts() async {
 isLoading = true
 defer { isLoading = false }

 do {
 products = try await productService.fetchProducts()
 filteredProducts = products
 } catch {
 // Handle error with user feedback
 print("Error loading products: \(error)")
 }
 }

 func filterProducts(_ searchText: String) {
 if searchText.isEmpty {
 filteredProducts = products
 } else {
 filteredProducts = products.filter { product in
 product.name.localizedCaseInsensitiveContains(searchText)
 }
 }
 }
}

Source & attribution

Awesome Prompts · Awesome Prompts

Source-listed license: GPL-3.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →