Add tapping on cancel button to dismiss bottom sheet in Example app

weitieda · Nov 14, 2022 · 6b21007 · 6b21007
1 parent cc11d8e
commit 6b21007
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/iOS Example/Sources/ContentView.swift b/iOS Example/Sources/ContentView.swift
@@ -28,7 +28,7 @@ struct ContentView: View {
                 topBarCornerRadius: 16,
                 showTopIndicator: false
             ) {
-                MapSettingView()
+                MapSettingView{ self.showMapSetting = false }
             }
             .navigationBarTitle("Bottom Sheet")
             .navigationBarItems(

diff --git a/iOS Example/Sources/MapSettingView.swift b/iOS Example/Sources/MapSettingView.swift
@@ -9,12 +9,17 @@
 import SwiftUI
 
 struct MapSettingView: View {
+    let dismiss: () -> Void
+
     var body: some View {
         VStack(alignment: .leading) {
             HStack {
                 Text("Map Settings").font(.title).bold()
                 Spacer()
-                Image(systemName: "xmark.circle.fill").foregroundColor(.gray).font(.system(size: 26))
+                Image(systemName: "xmark.circle.fill")
+                  .foregroundColor(.gray)
+                  .font(.system(size: 26))
+                  .onTapGesture { dismiss() }
             }.padding(.horizontal)
             Picker(selection: .constant(0), label: Text("")) {
                 Text("Map").tag(0)
@@ -62,6 +67,6 @@ struct MapSettingView: View {
 
 struct MapSettingView_Previews: PreviewProvider {
     static var previews: some View {
-        MapSettingView()
+      MapSettingView(dismiss: {})
     }
 }