SwiftUI Custom Badge Button

SwiftUI Custom Badge Button

ContentView.swift

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79

// //  ContentView.swift //  CairocodersDev // //  Created by Cairocoders //   import SwiftUI   struct ContentView: View {       @State var count = 0     @State var show = false           var body: some View {                      GeometryReader { geometry in             VStack {                 if self.show && self.count != 0 {                     HStack(spacing: 12) {                                                   Image(systemName: "suit.heart.fill")                             .resizable()                             .frame(width: 20, height: 18)                             .foregroundColor(.red)                                                   Text("\(self.count) Likes")                     }                     .padding([.horizontal,.top], 15)                     .padding(.bottom, 30)                     .background(Color.white)                     .clipShape(ArrowShape())                 }                                   Button(action: {                     self.count += 1                     self.show.toggle()                 }) {                     Image(systemName: !self.show ? "suit.heart" : "suit.heart.fill")                         .resizable()                         .frame(width: 20, height: 18)                         .foregroundColor(.red)                         .padding()                         .background(Color.white)                         .clipShape(Circle())                 }             }             .frame(width: geometry.size.width, height: geometry.size.height)         }         .background(Color.black.opacity(0.06)).edgesIgnoringSafeArea(.all)         .animation(.interactiveSpring(response: 0.6, dampingFraction: 1, blendDuration: 1))         .onTapGesture {             self.show.toggle()         }     } }   struct ContentView_Previews: PreviewProvider {     static var previews: some View {         ContentView()     } }   struct ArrowShape : Shape {           func path(in rect: CGRect) -> Path {         return Path{path in             path.move(to: CGPoint(x: 0, y: 0))             path.addLine(to: CGPoint(x: rect.width, y: 0))             path.addLine(to: CGPoint(x: rect.width, y: rect.height - 10))                           path.addLine(to: CGPoint(x: (rect.width / 2) - 10, y: rect.height - 10))             path.addLine(to: CGPoint(x: (rect.width / 2), y: rect.height))             path.addLine(to: CGPoint(x: (rect.width / 2) + 10, y: rect.height - 10))                           path.addLine(to: CGPoint(x: 0, y: rect.height - 10))         }     } }