ButtonsFree ComponentiOS 16.0+Xcode 15+

Button with Repeat Behavior

Stepper-like button with continuous press-and-hold repeating action for counters and volume adjustment.

Download in Compot App Browse all Buttons

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

ButtonWithRepeatBehavior.swift

import SwiftUI

struct ButtonWithRepeatBehavior: View {
    @State private var toggleButton = false
    @State private var count = 0

    var body: some View {
        VStack {
            Text("\(count)")
            .font(.title)
            HStack(spacing: 24) {
                VStack {
                    Button { count  = count - 1 }
                    label: {
                        Image(systemName: "minus")
                        .frame(width: 48, height: 48)
                        .background(.background.secondary)
                        .clipShape(Circle())
                    }
                    .symbolEffect(.bounce, value: toggleButton)
                    .buttonRepeatBehavior(.enabled)
                    Text("Hold to continuously \\ndecrease the number")
                    .font(.footnote)
                    .foregroundStyle(.secondary)
                    .multilineTextAlignment(.center)
                    .frame(maxWidth: 180, alignment: .center)
                }
                VStack {
                    Button { count  = count + 1 }
                    label: {
                        Image(systemName: "plus")
                        .frame(width: 48, height: 48)
                        .background(.background.secondary)
                        .clipShape(Circle())
                    }
                    .symbolEffect(.bounce, value: toggleButton)
                    .buttonRepeatBehavior(.enabled)
                    Text("Hold to continuously \\nincrease the number")
                    .font(.footnote)
                    .foregroundStyle(.secondary)
                    .multilineTextAlignment(.center)
                    .frame(maxWidth: 180, alignment: .center)
                }
            }
        }
    }
}

#Preview {
    ButtonWithRepeatBehavior()
}