SwiftUI gestures in the toolbar area ignored-CodePudding

The

struct MySlider: View { @State var offset: CGFloat = 0.0 var body: some View { GeometryReader { gr in let thumbSize = gr.size.height let maxValue = (gr.size.width - thumbSize) / 2.0 let gesture = DragGesture(minimumDistance: 0).onChanged { v in self.offset = max(min(v.translation.width, maxValue), -maxValue) } ZStack { Capsule() Circle() .foregroundColor(Color.yellow) .frame(width: thumbSize, height: thumbSize) .offset(x: offset) .highPriorityGesture(gesture) } }.frame(width: 100, height: 20) } } struct ContentView: View { @State var value = 0.5 var body: some View { MySlider() .toolbar { MySlider() Slider(value: $value).frame(width: 100, height: 20) }.frame(width: 500, height: 100) } }

CodePudding user response：

Looks like design limitation (or not implemented yet feature - Apple does not see such view as user interaction capable item).

A possible workaround is to wrap you active element into button style. The button as a container interpreted as user-interaction-able area but all drawing and handling is in your code.

Tested with Xcode 13.2 / macOS 12.2

Note: no changes in your slider logic

struct MySlider: View { var body: some View { Button("") {}.buttonStyle(SliderButtonStyle()) } struct SliderButtonStyle: ButtonStyle { func makeBody(configuration: Configuration) -> some View { MySliderContent() } struct MySliderContent: View { @State var offset: CGFloat = 0.0 var body: some View { GeometryReader { gr in let thumbSize = gr.size.height let maxValue = (gr.size.width - thumbSize) / 2.0 let gesture = DragGesture(minimumDistance: 0).onChanged { v in self.offset = max(min(v.translation.width, maxValue), -maxValue) } ZStack { Capsule() Circle() .foregroundColor(Color.yellow) .frame(width: thumbSize, height: thumbSize) .contentShape(Circle()) .gesture(TapGesture().onEnded{}) .offset(x: offset) .highPriorityGesture(gesture) } }.frame(width: 100, height: 20) } } } }