LandmarkDetail.swift


  1. import SwiftUI
  3. struct LandmarkDetail: View {
  4. @EnvironmentObject var modelData: ModelData
  5. var landmark: Landmark
  7. var landmarkIndex: Int {
  8. modelData.landmarks.firstIndex(where: { $0.id == landmark.id })!
  9. }
  11. var body: some View {
  12. ScrollView {
  13. VStack {
  14. CircleImage(image: landmark.image.resizable())
  15. .scaledToFit()
  17. Text(landmark.name)
  18. .font(.headline)
  19. .lineLimit(0)
  21. Toggle(isOn: $modelData.landmarks[landmarkIndex].isFavorite) {
  22. Text("Favorite")
  23. }
  25. Divider()
  27. Text(landmark.park)
  28. .font(.caption)
  29. .bold()
  30. .lineLimit(0)
  32. Text(landmark.state)
  33. .font(.caption)
  35. Divider()
  37. MapView(coordinate: landmark.locationCoordinate)
  38. .scaledToFit()
  39. }
  40. .padding(16)
  41. }
  42. .navigationTitle("Landmarks")
  43. }
  44. }
  46. struct LandmarkDetail_Previews: PreviewProvider {
  47. static var previews: some View {
  48. let modelData = ModelData()
  49. return Group {
  50. LandmarkDetail(landmark: modelData.landmarks[0])
  51. .environmentObject(modelData)
  52. .previewDevice("Apple Watch Series 5 - 44mm")
  54. LandmarkDetail(landmark: modelData.landmarks[1])
  55. .environmentObject(modelData)
  56. .previewDevice("Apple Watch Series 5 - 40mm")
  57. }
  58. }
  59. }