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

【问题标题】：Content inside Picker overlaps when the font size increases in SwiftUI当 SwiftUI 中字体大小增加时，Picker 中的内容会重叠
【发布时间】：2020-06-20 17:56:30
【问题描述】：

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))
            }
        }
      }
   }
}

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

【问题讨论】：

标签： ios swiftui watchkit font-size picker

【解决方案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))

                }
            }
          }
       }
    }

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

【讨论】：