SwiftUI中带vertical axis的TextField无法限制行数与字符问题求助

一、行数限制失效的原因与修复 #

当使用axis: .vertical时，TextField会切换为多行模式，单纯的.lineLimit(3)无法正确限制最大行数——因为这个修饰符在多行模式下需要明确指定范围（最小到最大行数），而非单一数值。

正确写法是使用lineLimit(_:reservesSpace:)的范围重载：

@State private var text = ""

List {
    Section {
        TextField("placeholder", text: $text, axis: .vertical)
            .lineLimit(1...3) // 限制最小1行，最大3行
    }
}

如果不需要保留最小行数空间，也可以写成.lineLimit(nil...3)，表示无最小行数限制，最多3行。

二、字符数限制失效的问题修复 #

你的代码里存在一个明显的变量名错误：titleLimit应该是textLimit，这直接导致字符截断逻辑不生效。除此之外，用onChange可能会有轻微的输入延迟，下面提供两种修复方式：

方法1：修正onChange的变量名错误 #

@State private var text = ""
@State private var textLimit: Int = 10

List {
    Section {
        TextField("placeholder", text: $text, axis: .vertical)
            .onChange(of: text) { newValue in
                text = String(newValue.prefix(textLimit)) // 修正变量名
            }
    }
}

方法2：自定义带限制的Binding（推荐） #

这种方式可以实时截断输入，避免onChange的延迟：

@State private var text = ""
private let textLimit = 10

var limitedTextBinding: Binding<String> {
    Binding(
        get: { text },
        set: { newValue in
            text = String(newValue.prefix(textLimit))
        }
    )
}

var body: some View {
    List {
        Section {
            TextField("placeholder", text: limitedTextBinding, axis: .vertical)
                .lineLimit(1...3)
        }
    }
}

额外说明 #

垂直轴的TextField本质上是SwiftUI对多行文本输入的封装，其行为和普通单行TextField有差异，所以部分修饰符的用法需要调整。同时，字符限制时要注意处理特殊字符（如emoji），prefix(_:)是按Unicode标量计数，如果你需要按视觉字符数限制，可能需要额外处理，但大部分场景下prefix足够用。

内容的提问来源于stack exchange，提问作者helloimbrando