How do I make a clickable pin in SwiftUI’s new Map view?

by

As of XCode 12.3 this appears to be functioning with buttons. One key gotcha that I noticed though was that if you use offsets then it’s possible your buttons will be placed out of the tappable area of the annotation.

In order to counter that you can add additional padding to account for the offset and keep it within tappable bounds:

MapAnnotation(coordinate: item.placemark.coordinate) {
  ZStack {
      MapPinView() // My view for showing a precise pin
      VStack { // A prompt with interactive option, offset by 60pt
          Text("Use this location?")
          HStack {
              Button("Yes", action: {
                  print("yes")
              })
              
              Button("No", action: {
                  print("no")
              })
          }
      }
      .offset(x: 0, y: 60) // offset prompt so it's below the marker pin
  }
  .padding(.vertical, 60) // compensate for offset in tappable area of annotation. pad both the top AND the bottom to keep contents centered
}

More Related Contents:

  1. SwiftUI disable list border iOS 14 [duplicate]
  2. SwiftUI @State and .sheet() ios13 vs ios14
  3. SwiftUI @State var initialization issue
  4. SwiftUI iOS14 – NavigationView + List – Won’t fill space
  5. Share data between main App and Widget in SwiftUI for iOS 14
  6. SwiftUI Optional TextField
  7. How do I add Animations to Transitons between custom NavigationItems made from AnyView?
  8. SwiftUI WKWebView content height issue
  9. Are there maximum limits to VStack?
  10. How to create TextField that only accepts numbers
  11. SwiftUI – Get size of child?
  12. Not Receiving scenePhase Changes
  13. Calling functions from UIViewController in SwiftUI
  14. Why is an ObservedObject array not updated in my SwiftUI application?
  15. SwiftUI Picker onChange or equivalent?
  16. How to use same set of modifiers for various shapes
  17. Clear background for form sections in SwiftUI?
  18. SwiftUI Repaint View Components on Device Rotation
  19. Updating time text label each minute in WidgetKit
  20. How to print() to Xcode console in SwiftUI?
  21. How to set custom highlighted state of SwiftUI Button
  22. Detect app launch from WidgetKit widget extension
  23. SwiftUI 2.0 List with children – how to make the tappable area of the disclosure button cover the whole list item
  24. How to detect keyboard events in SwiftUI on macOS?
  25. SwiftUI – PresentationButton with modal that is full screen
  26. Accessing AppState in AppDelegate with SwiftUI’s new iOS 14 life cycle
  27. Show a new View from Button press Swift UI
  28. Is it possible to make a modal non-dismissible in SwiftUI?
  29. use @main in Xcode 12
  30. How to detect Light\Dark mode change in iOS 13?

Leave a Comment