SwiftUI选取器选择指标不尊重框架宽度

Posted 2021-05-03

我试图在一个HStack中添加2个Picker，通过使用几何读取器来设置Picker框架的宽度，并取得成功。然而，选择指标并不尊重框架的宽度。问题是，由于重叠，中间的线条看起来不同。有谁知道如何解决这个问题，或者说这是不可能的，因为你不能像在这里提到的那样自定义选择指标。文件?

let range = Range(0...60)
@State index = 0

var body: some View {
   VStack {
      GeometryReader { geometry in
         HStack(spacing: 0) {
            Picker(selection: $index, label: Text("")) {
               ForEach(range) { index in
                  Text("(index)").tag(index)
               }
            }
            .labelsHidden()
            .frame(width: geometry.size.width / 2)

            Picker(selection: $index, label: Text("")) {
               ForEach(range) { index in
                  Text("(index)").tag(index)
               }
            }
            .labelsHidden()
            .frame(width: geometry.size.width / 2)
         }
      }
   }
}

答案

使用.clipped为两个，如下面

Picker(selection: self.$index, label: Text("")) {
    ForEach(self.range) { index in
        Text("(index)").tag(index)
    }
}
.labelsHidden()
.frame(width: geometry.size.width / 2)
.clipped()                                  // << here !!