主页 / coding / 问题 / 79079877
Accepted
markb
Asked: 2024-10-12 06:42:39 +0800 CST

设置固定高度时添加幻像填充

  • 772

TextEditor我在 SwiftUI 中有一个非常简单的应用程序Form，允许用户发送有关该应用程序的反馈。

我想为文本字段设置一个minHeight和maxHeight，以便用户可以清楚地输入多行。但是，我也想防止编辑器无限扩展，从而难以访问其他表单字段或提交按钮。

*问题：我遇到的问题是，输入一段时间后（或达到一定的输入长度），UI 开始出现异常行为 — 它开始在字段底部添加幻像空格（或填充）。在预览、模拟器和真实设备上进行测试时都会发生这种情况。

以下是的代码TextEditor：

TextEditor(text: $description)
  .frame(minHeight: 200, maxHeight: 400)
  .disabled(processState.isRunning)
  .fixedSize(horizontal: false, vertical: true)
  .onChange(of: description) { _, newValue in
    if newValue.count > characterLimit {
      description = String(newValue.prefix(characterLimit))
    }
  }

我尝试过的：

  • 删除.onChange逻辑以排除它，但问题仍然存在。
  • 在不同平台（预览、模拟器、设备）上进行了测试，但我看到相同的行为。

是否有人遇到过 SwiftUI 中 TextEditor 的类似问题，或者对如何修复或排除故障有建议？

示例问题模拟器录制

swift

2 个回答

  1. 无法通过以下代码重现问题：

    @main
struct TestSwiftUIApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    @State var description = ""
    let characterLimit = 500
    
    var body: some View {
        TextEditor(text: $description)
          .frame(minHeight: 200, maxHeight: 400)
          .fixedSize(horizontal: false, vertical: true)
          .onChange(of: description) { n`ewValue in
              if newValue.count > characterLimit {
                  description = String(newValue.prefix(characterLimit))
              }
          }
          .padding(10)
    }
}

    在此处输入图片描述

    看起来您在这段代码之外遇到了问题。

    在 MacOS 上检查。

    • 0
  2. Best Answer

    TextEditor事实证明，这是在 中嵌入 的问题Form。我已记录反馈 (FB15475261)，因为没有文档说明不应将其与表单一起使用。

    我已经能够在这里复制它（在@Andrew_STOP_RU_WAR_IN_UA 的帮助下）：

    import SwiftUI

/// Please type in the TextEditor component and keep adding new lines into the field.
/// As you see once you hit around the 40th new line, it begins adding white space
/// or padding to the bottom of the TextEditor.
#Preview("TextEditor within Form") {
  NavigationStack {
    Form {
      TextEditorView()
    }
  }
}

/// Please type in the TextEditor component and keep adding new lines into the field.
/// As you see there is no phantom white spacing when you keep creating new lines.
#Preview("TextEditor not within Form") {
  VStack {
    TextEditorView()
  }
  .padding()
}


struct TextEditorView: View {
  @State private var description: String = ""
  private var characterLimit = 2000

  var body: some View {
    Section {
      TextEditor(text: $description)
        .frame(minHeight: 200, maxHeight: 400)
        .fixedSize(horizontal: false, vertical: true)
        .onChange(of: description) { _, newValue in
          if newValue.count > characterLimit {
            description = String(newValue.prefix(characterLimit))
          }
        }
      } header: {
        HStack {
          Text("Description")
          Spacer()
          Text("\(description.count) / \(characterLimit)")
            .font(.caption2)
        }
     }
  }
}

    在 Form 中嵌入 TextEditor 且未嵌入导致 bug 的 demo

    • 0

相关问题