title: SwiftUI: Double picker wheels with system behavioral
body: <p>I want to recreate system picker behavioral with two options in wheels with SwiftUI and faced ton of problem. Some of this I solved but some still unsolved. I have pop-ups with different views inside. One of the view it's a <code>DatePicker</code> with <code>displayedComponents: .hourAndMinute.</code> And other one is two Pickers inside <code>HStack</code>. My question is how to make Pickers make look like in system: without white spacing between?</p>
  <pre><code>struct MultyPicker: View {
      @State var value = 1
      @State var value2 = 1
      var body: some View {
          ZStack(alignment: .bottom) {
              Color.black.opacity(0.5)
              ZStack {
                  VStack {
                      Text(&quot;Header&quot;)
                          .font(.title3)
                          .fontWeight(.bold)
                      HStack(spacing: 0) {
                          Picker(selection: $value, label: Text(&quot;&quot;)) {
                              ForEach(1..&lt;26) { number in
                                  Text(&quot;\(number)&quot;)
                                      .tag(&quot;\(number)&quot;)
                              }
                          }
                          .pickerStyle(WheelPickerStyle())
                          .compositingGroup()
                          .clipped(antialiased: true)
                          
                          Picker(selection: $value2, label: Text(&quot;&quot;)) {
                              ForEach(25..&lt;76) { number in
                                  Text(&quot;\(number)&quot;)
                                      .tag(&quot;\(number)&quot;)
                              }
                          }
                          .pickerStyle(WheelPickerStyle())
                          .compositingGroup()
                          .clipped(antialiased: true)
                      }
                  }
                  .padding()
                  .background(
                      RoundedRectangle(cornerRadius: 34)
                          .foregroundColor(.white)
                  )
              }
              .padding(.horizontal)
              .padding(.bottom, 50)
              
          }
          .edgesIgnoringSafeArea([.top, .horizontal])
      }
  }
  
  // This extension for correct touching area
      extension UIPickerView {
          open override var intrinsicContentSize: CGSize {
              return CGSize(width: UIView.noIntrinsicMetric, height: super.intrinsicContentSize.height)
          }
      }
  </code></pre>
  <p>Want to achive looks like that with one grey line in selected value</p>
  <p><a href="https://i.stack.imgur.com/onDiE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/onDiE.jpg" alt="enter image description here" /></a></p>