Swift NumberPlusMinusInputViewを改修

2021年3月3日

以前の記事「SwiftUI Stepper、イメージした形にするにはlabelだけでは出来なかった」に登場していたNumberPlusMinusInputViewをちょっと改修

import SwiftUI

struct NumberPlusMinusInputView: View {
    var title: String? = nil
    let bounds: ClosedRange<Int>
    @Binding var number: Int
     
    var body: some View {
        HStack {
            if let title = self.title {
                Text(title)
            }
            Spacer()
            Text(String(number))
            Stepper(value: self.$number, in: self.bounds, step: 1, label: {})
                .labelsHidden()
        }
    }
}

struct NumberPlusMinusInputView_Previews: PreviewProvider {
    @State static var example = 1
    static var previews: some View {
        NumberPlusMinusInputView(title: "Preview",
                                 bounds: 1...30,
                                 number: NumberPlusMinusInputView_Previews.$example)
            .padding()
    }
}