在SwiftUI中，当字体大小增加时，Picker中的内容会重叠

Question

struct ContentView: View {
   @State private var selectedNumber = 0
  // var numbersArray - This will be the array

   var body: some View {
      VStack {

        Picker("Number Picker", selection: $selectedNumber) {
            ForEach(0..<Int(numbersArray.count)) {
                Text("\($0 + 1)").font(.system(size: 60))
            }
        }
      }
   }
}

我正在创建用于在Watchkit中选择数字的选择器。当我尝试增加字体大小时，数字重叠。如何使Picker内容自动调整大小，以使内容不重叠。

Answer 1

您可以添加类似Spacer()的内容：

struct TestSwiftUIView: View {
       @State private var selectedNumber = 0
       var numbersArray = [1,2,3,4,5,6]

       var body: some View {
          VStack {

            Picker("Number Picker", selection: $selectedNumber) {
                ForEach(0..<Int(numbersArray.count)) {
                    Spacer()
                    Text("\($0 + 1)").font(.system(size: 60))

                }
            }
          }
       }
    }

这只是我的第一个想法，可能不是最佳解决方案。