1 Reply
      Latest reply on Oct 21, 2019 6:30 AM by Claude31
      dshum17 Level 1 Level 1 (0 points)
        public struct Frontside: View
        {
          @Binding public var id: Int
          @Binding public var sheet: Bool
          @Binding public var rotate: Bool
         
         
          public var body: some View
          {
            ZStack{
         
             
              RoundedRectangle(cornerRadius: 8, style: .continuous)
                .foregroundColor(backgroundColours[tangoArray[self.id].jlptColour ?? 0])
            
                .frame(width: 140, height: 149)
                .zIndex(0)
         
              VStack {
                Text(tangoArray[self.id].kanji)
             
                .font(.system(size: 24))
                .foregroundColor(textColours[tangoArray[self.id].jlptColour ?? 0])
        
                .fontWeight(.regular)
                .padding(25)
                .lineLimit(3)
                .truncationMode(.tail)
                .zIndex(1)
               
                Spacer()
              }
        
              VStack {
                Spacer()
                HStack {
                 
                  Button(action: {
                    incorrect(i: self.id)
                    checkAttempts()
                    self.id = nextCard()
                   
                    if justFinishedRevising {
                      self.rotate.toggle()
                      justFinishedRevising = false
                    }
                   
                    if justFinishedLearning {
                      self.rotate.toggle()
                      self.sheet = true
                      justFinishedLearning = false
                    }
                   
                   
                  }) {
                    Image(systemName: "xmark")
                      .font(.headline)
                      .opacity(0.4)
                   
                  }
                 
                  Button(action: {
                    correct(i: self.id)
                    checkAttempts()
                    self.id = nextCard()
                   
                    if justFinishedRevising {
                      self.rotate.toggle()
                      justFinishedRevising = false
                    }
                   
                    if justFinishedLearning {
                      self.sheet = true
                      justFinishedLearning = false
                    }
                  }) {
                    Image(systemName: "circle")
                      .font(.headline)
                      .opacity(0.4)
                   
                  }
        
                }
              }
              .zIndex(2)
            }
          }
        
        }

         

        I have a view which is a flashcard. When the user taps on the incorrect button I want the flash card to slide to the left of the screen, and when the user taps on the correct button I want the flash card to transition/slide to the right of the watch screen. How do I do that?