SwiftUI中如何设置TextField不受内容长度影响的固定宽度

你当前代码不生效的核心原因是.fixedSize(horizontal: true, vertical: false)修饰符优先级高于frame设置，会让TextField始终根据自身输入内容计算宽度，覆盖了你设置的固定宽度参数。

方案1：直接设置固定宽度（简单场景适用） #

移除horizontal方向的fixedSize修饰符即可，代码如下：

TextField("0", text: $username)
    .textFieldStyle(RoundedBorderTextFieldStyle())
    .frame(width: 120)

这个方案直接设置120pt的固定宽度，不会随输入内容变化。

方案2：自适应文本尺寸的固定宽度（适配动态类型/字体变化，精准匹配9位数字容量） #

如果希望宽度刚好可以容纳指定长度的文本（比如9位数字），且自动适配系统字体大小、动态类型缩放，可以用不可见的基准文本锚定宽度：

ZStack(alignment: .leading) {
    // 基准文本：和TextField使用相同字体配置，内容为你需要容纳的最长文本
    Text("123456789")
        .opacity(0)
        .padding(.horizontal, 8) // 匹配系统圆角文本框的默认内边距
    
    TextField("", text: $username)
        .textFieldStyle(RoundedBorderTextFieldStyle())
}
.fixedSize(horizontal: true, vertical: false)
// 可选：限制输入最长为9位，避免内容超出
.onChange(of: username) { newValue in
    username = String(newValue.prefix(9))
}

这个方案的宽度会自动和最长可容纳文本的宽度对齐，无需手动计算pt数值，适配不同系统字体设置。

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