NavigationLink to NavigationStack or NavigationSplitView iOS 16 - swiftui

Question

import SwiftUI
import MapKit
struct SearchView: View {
#StateObject var locationManager: LocationManager = .init()
#State var navigationTag: String?
var body: some View {
VStack{
HStack(spacing: 15){
Button{
}label: {
Image(systemName: "chevron.left")
.font(.title3)
.foregroundColor(Color("New Pink"))
}
Text("Search your place")
.font(.title3)
.fontWeight(.semibold)
}
.frame(maxWidth: .infinity,alignment: .leading)
HStack(spacing: 10){
Image(systemName: "magnifyingglass")
.foregroundColor(.gray)
TextField("type your places",text: $locationManager.searchText)
}
.padding(.vertical, 12)
.padding(.horizontal)
.background{
RoundedRectangle(cornerRadius: 10, style: .continuous)
.strokeBorder(.gray)
}
.padding(.vertical,10)
if let places = locationManager.fetchedPlaces,!places.isEmpty{
List{
ForEach(places,id: \.self){place in
Button{
if let coordinate = locationManager.userLocation?.coordinate{
locationManager.pickedLocation = .init(latitude: coordinate.latitude, longitude: coordinate.longitude)
locationManager.mapView.region = .init(center: coordinate, latitudinalMeters: 1000, longitudinalMeters: 1000)
locationManager.addDraggablePin(coordinate: coordinate)
locationManager.updatePlacemark(location: .init(latitude: coordinate.latitude, longitude: coordinate.longitude))
}
navigationTag = "MAPVIEW"
} label:{
HStack(spacing: 15){
Image(systemName: "mappin.circle.fill")
.font(.title2)
.foregroundColor(.gray)
VStack(alignment: .leading, spacing: 6){
Text(place.name ?? "")
.font(.title3.bold())
.foregroundColor(.primary)
Text(place.locality ?? "")
.font(.caption)
.foregroundColor(.gray)
}
}
}
}
}
.listStyle(.plain)
}else{
Button{
if let coordinate = locationManager.userLocation?.coordinate{
locationManager.mapView.region = .init(center: coordinate, latitudinalMeters: 1000, longitudinalMeters: 1000)
locationManager.addDraggablePin(coordinate: coordinate)
locationManager.updatePlacemark(location: .init(latitude: coordinate.latitude, longitude: coordinate.longitude))
navigationTag = "MAPVIEW"
}
} label:{
Label{
Text("Use Current Location")
.font(.callout)
} icon: {
Image(systemName: "location.north.circle.fill")
}
.foregroundColor(.green)
}
.frame(maxWidth: .infinity,alignment: .leading)
}
}
.padding()
.frame(maxHeight: .infinity,alignment: .top)
.background{
NavigationLink(tag: "MAPVIEW", selection: $navigationTag){
MapViewSelection()
.environmentObject(locationManager)
.navigationBarHidden(true)
} label: {}
.labelsHidden()
}
}
}
struct SearchView_Previews: PreviewProvider {
static var previews: some View {
SearchView()
}
}
struct MapViewSelection: View{
#EnvironmentObject var locationManager: LocationManager
#Environment(\.dismiss) var dismiss
var body: some View{
ZStack{
MapViewHelper()
.environmentObject(locationManager)
.ignoresSafeArea()
Button {
dismiss()
} label: {
Image(systemName: "chevron.left")
.font(.title2.bold())
.foregroundColor(.primary)
}
.padding()
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
if let place = locationManager.pickedPlaceMark{
VStack(spacing: 15){
Text("Confirm Location")
.font(.title2.bold())
HStack(spacing: 15){
Image(systemName: "mappin.circle.fill")
.font(.title2)
.foregroundColor(.gray)
VStack(alignment: .leading, spacing: 6){
Text(place.name ?? "")
.font(.title3.bold())
Text(place.locality ?? "")
.font(.caption)
.foregroundColor(.gray)
}
}
.frame(maxWidth: .infinity,alignment: .leading)
.padding(.vertical,10)
Button{
} label: {
Text("Confirm Location")
.fontWeight(.semibold)
.frame(maxWidth: .infinity)
.padding(.vertical,12)
.background{
RoundedRectangle(cornerRadius: 10, style: .continuous)
.fill(.green)
}
.overlay(alignment: .trailing){
Image(systemName: "arrow.right")
.font(.title3.bold())
.padding(.trailing)
}.foregroundColor(.white)
}
}.padding()
.background{
RoundedRectangle(cornerRadius: 10, style: .continuous)
.fill(.white)
.ignoresSafeArea()
}
.frame(maxHeight: .infinity, alignment: .bottom)
}
}.onDisappear{
locationManager.pickedLocation = nil
locationManager.pickedPlaceMark = nil
locationManager.mapView.removeAnnotations(locationManager.mapView.annotations)
}
}
}
struct MapViewHelper: UIViewRepresentable{
#EnvironmentObject var locationManager: LocationManager
func makeUIView(context: Context) -> MKMapView {
return locationManager.mapView
}
func updateUIView(_ uiView: UIViewType, context: Context) {
}
}
I was trying to clone the swiftUI MapKit app
however there is an issue that In iOS 16.0 NavigationLink has been deprecated (SearchView - line 108ish) with a such warning as 'init(tag:selection:destination:label:)' was deprecated in iOS 16.0: use NavigationLink(value:label:) inside a List within a NavigationStack or NavigationSplitView
so how can i migrate the 'init(tag:selection:destination:label:)' to NavigationLink(value:label:) in this case
https://www.youtube.com/watch?v=fjZd1CwjlxQ&list=LL&index=3&t=1s check this video from 09:17 to 11:11