SwiftUI中带.fixedSize()的TextField编辑时文本跳动问题

可以通过以下纯SwiftUI方案解决问题，同时保留原布局逻辑：

方案一：用HStack包裹TextField #

将TextField放在左对齐的HStack中，利用HStack固定外层的leading位置，避免TextField内容变化触发VStack的布局重排：

struct ContentView: View {
    @State var text: String = ""
    
    var body: some View {
        VStack(alignment: .leading) {
            HStack(alignment: .firstTextBaseline, spacing: 0) {
                TextField("Test", text: $text)
                    .fixedSize() // 保留自适应内容大小
                Spacer(minLength: 0) // 防止HStack被TextField撑满宽度
            }

            Text("Hello World")
                .frame(maxWidth: .infinity)
        }
        .padding()
    }
}

方案二：设置固定的alignmentGuide #

直接给TextField添加alignmentGuide，固定其leading对齐的基准点，避免布局计算波动：

struct ContentView: View {
    @State var text: String = ""
    
    var body: some View {
        VStack(alignment: .leading) {
            TextField("Test", text: $text)
                .fixedSize()
                .alignmentGuide(.leading) { $0.bounds.minX } // 固定leading基准

            Text("Hello World")
                .frame(maxWidth: .infinity)
        }
        .padding()
    }
}

问题原因 #

VStack设置.leading对齐后，TextField的布局边界会随输入内容、光标状态变化重新计算，导致VStack反复调整对齐位置，产生跳动。上述两种方案都能固定TextField的外层对齐基准，避免触发外层布局重排，从而消除跳动现象。

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