当 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("\([=10=] + 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("\([=10=] + 1)").font(.system(size: 60))

                }
            }
          }
       }
    }

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

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

Content inside Picker overlaps when the font size increases in SwiftUI

picker

font-size

ios

watchkit

swiftui