SwiftUI - 输入文本时防止 TextField 扩展答案

【问题标题】：SwiftUI - Prevent TextField from expanding when text is enteredSwiftUI - 输入文本时防止 TextField 扩展
【发布时间】：2020-12-29 14:25:24
【问题描述】：

我有一个带有固定大小框架的TextField，但它仍然会扩展以包裹输入的文本，甚至超过兄弟姐妹。

初始状态：

有一些输入：

有没有办法在 SwiftUI 中使用 TextField 来防止这种情况发生，还是我需要使用 ViewRepresentable？

我的这个布局的代码看起来像：

HStack(spacing: 0) {
    Text("1").fixedSize(horizontal: true, vertical: false).frame(width: 22)
    TextField("Price", text: $text1).fixedSize(horizontal: true, vertical: false).frame(width: 70)
    TextField("1", text: $text2).fixedSize(horizontal: true, vertical: false).frame(width: 30)
    TextField("1", text: $text3).fixedSize(horizontal: true, vertical: false).frame(width: 70)
}.textFieldStyle(RoundedBorderTextFieldStyle())

【问题讨论】：

标签： ios swift swiftui

【解决方案1】：

改变修饰符的顺序，比如

TextField("1", text: $text3)
   .frame(width: 70)                                // << here !!
   .fixedSize(horizontal: true, vertical: false)

Tested with Xcode 12.1 / iOS 14.1

【讨论】：