SwiftUI：文本字段被切断

Posted 2023-02-24

【中文标题】SwiftUI：文本字段被切断

【英文标题】：SwiftUI: Text Field getting cut off

【发布时间】：2019-11-05 14:03:22

【问题描述】：

我的 SwiftUI 应用程序上的 textField 被切断了。但并非每次都会发生。这似乎是随机发生的。

这是我正在使用的代码：

var body: some View 
    VStack 
      Spacer()
      // Target row
      HStack 
        Text("Put the bullseye as close as you can to:")
        Text("\(target)")
      
      Spacer()
      // Slider row
      HStack 
        Text("1")
        Slider(value: $sliderValue, in: 1...100) _ in
          print(self.sliderValue)
        
        Text("100")
      
      Spacer()
      // Hit me button row
      Button(action: 
        print("Button pressed")
        self.alertIsVisible = true
      ) 
        Text(/*@START_MENU_TOKEN@*/"Hit Me!"/*@END_MENU_TOKEN@*/)

      
      .alert(isPresented: $alertIsVisible)  () -> Alert in
        let roundedValue = Int(sliderValue.rounded())
        let score = pointsForCurrentRound()
        return Alert(title: Text("Hello there!"), message: Text("The slider's value is \(roundedValue)!\n" +
          "You scored \(score) points this round"
          ), dismissButton: .default(Text("Awesome")))
      
      Spacer()
      // Score and start over button row
      HStack 
        Button(action: /*@START_MENU_TOKEN@*//*@END_MENU_TOKEN@*/) 
          Text("Start Over")
        
        Spacer()
        Text("Score:")
        Text("999999")
        Spacer()
        Text("Round:")
        Text("999")
        Spacer()
        Button(action: /*@START_MENU_TOKEN@*//*@END_MENU_TOKEN@*/) 
          Text("Info")
        
      
      .padding(.bottom, 20)
    
  

我尝试在文本字段的尾随和目标之前添加填充。我尝试在目标的前沿添加填充。我尝试在文本字段上使用 frame 方法来添加最小长度。这些都不起作用。有什么想法吗？

谢谢

【问题讨论】：

您使用的是哪个 Xcode 版本？我使用的是 Xcode 11.1 官方，并且在同一个项目上工作过，它在 ios 13.1 及更高版本中已修复。

感谢您的回复。我正在使用最新版本的 Xcode 11.2 版。 iOS 13.1 及更高版本中修复了什么？

啊，所以在 iOS 13.1 及更高版本中，Text 根据其大小占用整个空间，而不是截断。你能告诉我它是什么时候随机发生的，在预览版还是模拟器/真实设备中？

它发生在预览版和模拟器中。我还没有在真机上试过。

我刚刚重新安装了 11.1 并试用了该应用程序。文本不再中断。所以一定是11.2中的东西。我会提交错误报告。谢谢你帮我解决这个问题。

【参考方案1】：

您可以添加 fixedSize() 来锁定标签。

HStack 
  Text("Put the bullseye as close as you can to:").fixedSize()
  Text("\(target)").fixedSize()

【参考方案2】：

我刚刚遇到这种情况！经过一段时间的搜索、试验和错误，我终于弄明白了。文本视图正在尝试调整大小，并且其中一个父视图启用了动画。如果有同样问题的人将 .animation(nil) 添加到文本中，这可能会解决问题。

VStack 
    Text("\(Int(self.viewModel.ProgressPercentage * 100.0))%")
        .font(.largeTitle)
        .animation(nil)

祝你好运！