RevDoc TV onLongPressGesture

RevDoc TV onLongPressGesture.swift

import SwiftUI

enum ButtonState: String {
  case unfocused, focused, pressing, pressed
  var colour: Color {
    switch self {
    case .unfocused:
      return .white
    case .focused:
      return .red
    case .pressing:
      return .orange
    case .pressed:
      return .green
    }
  }
}

struct ContentView: View {
  @State var selectedIndex = 0
  var body: some View {
    VStack {
      CustomButton(index: 0, currentIndex: $selectedIndex)
      CustomButton(index: 1, currentIndex: $selectedIndex)
    }
  }
}

struct CustomButton: View {
  let index: Int
  @Binding var currentIndex: Int
  @State var buttonState = ButtonState.unfocused
  
  var isFocused: Bool {
    return index == currentIndex
  }
  
  var focusedState: ButtonState {
    return isFocused ? .focused : .unfocused
  }
  
  var body: some View {
    Text(buttonState.rawValue)
      .foregroundColor(.black)
      .frame(maxWidth: .infinity, maxHeight: .infinity)
      .background(buttonState.colour)
      .focusable(true) {
        focused in if focused { currentIndex = index }
        buttonState = focusedState
      }
      .onChange(of: currentIndex) {
        currentIndex in buttonState = focusedState
      }
      .onLongPressGesture(minimumDuration: 2, pressing: { pressing in
        buttonState = pressing ? .pressing : .focused
      }) {
        buttonState = .pressed
      }
  }
}