🔴 Let's Build UBER with SwiftUI | iOS 16 & Xcode 14

UberClone: Location Select

구현 목표

• 선택한 지역으로 뷰 이동

구현 태스크

• 뷰 모델의 환경 변수화 → 지역 검색, 홈 뷰 등에서 전체적으로 동일한 인스턴스 접근 보장
• 지역 검색 결과 연결
• 어노테이션 설정 및 현재 보이는 지역으로 UI 이동

핵심 코드

import SwiftUI

@main
struct UberCloneApp: App {
    @StateObject private var locationViewModel = LocationSearchViewModel()
    var body: some Scene {
        WindowGroup {
            HomeView()
                .environmentObject(locationViewModel)
        }
    }
}

• 환경 변수로 뷰 모델 접근 가능

func selectLocation(with location: MKLocalSearchCompletion) {
        locationSearch(with: location) { [weak self] response, error in
            guard
                error == nil,
                let item = response?.mapItems.first else { return }
            let coordinate = item.placemark.coordinate
            self?.selectedLocation = coordinate
        }
    }

• 뷰 모델 내 특정 지역을 검색하는 함수

 private func locationSearch(with localSearch: MKLocalSearchCompletion, completion: @escaping MKLocalSearch.CompletionHandler) {
        let searchRequest = MKLocalSearch.Request()
        searchRequest.naturalLanguageQuery = localSearch.title + localSearch.subtitle
        let search = MKLocalSearch(request: searchRequest)
        search.start(completionHandler: completion)
    }

• 기본적으로 제공하는 핸들러를 전달

func updateUIView(_ uiView: UIViewType, context: Context) {
        if let selectedLocation = viewModel.selectedLocation {
            context.coordinator.addAndSelectAnnotation(with: selectedLocation)
        }
    }

func mapView(_ mapView: MKMapView, didUpdate userLocation: MKUserLocation) {
            setRegion(with: userLocation.coordinate)
        }
        
        private func setRegion(with coordinate: CLLocationCoordinate2D) {
            let region = MKCoordinateRegion(center: coordinate, span: .init(latitudeDelta: 0.05, longitudeDelta: 0.05))
            parent.mapView.setRegion(region, animated: true)
        }
        
        func addAndSelectAnnotation(with coordinate: CLLocationCoordinate2D) {
            parent.mapView.removeAnnotations(parent.mapView.annotations)
            let annotation = MKPointAnnotation()
            annotation.coordinate = coordinate
            parent.mapView.addAnnotation(annotation)
            parent.mapView.selectAnnotation(annotation, animated: true)
            parent.mapView.showAnnotations(parent.mapView.annotations, animated: true)
            setRegion(with: coordinate)
        }

.onTapGesture {
                                withAnimation(.spring()) {
                                    viewModel.selectLocation(with: result)
                                    showLocationSearchView.toggle()
                                }
                            }

구현 화면