macOS下多行TextField宽度变更后文本换行异常问题咨询

在macOS系统中，设置了axis: .vertical的多行TextField在宽度变更后无法正确重新换行；但iOS系统下相同配置的TextField在宽度变化后，文本可以正常重新换行。想确认该现象是系统Bug，还是macOS端需要额外配置相关设置？

环境信息 #

• Xcode 15.4
• macOS Sonoma 14.5

现象截图 #

初始宽度：

加宽后：

减宽后：

示例代码 #

struct Bug: View {
    
    private static let defaultWidth: CGFloat = 200
    
    @State private var text: String = ""
    @State private var width: CGFloat = defaultWidth
    
    var body: some View {
        VStack(alignment: .leading) {
            TextField(text: $text, axis: .vertical) {
                Text("Label")
            }
            .frame(maxWidth: width)
            
            HStack {
                Button {
                    withAnimation(.smooth) {
                        width = 100
                    }
                } label: {
                    Text("Smaller")
                }
                
                Button {
                    withAnimation(.snappy) {
                        width = Self.defaultWidth
                    }
                } label: {
                    Text("Default")
                }
                
                Button {
                    withAnimation(.smooth) {
                        width = 300
                    }
                } label: {
                    Text("Larger")
                }
            }
        }
    }
}

问题分析与解决方案 #

这是当前macOS SwiftUI框架中TextField（axis: .vertical）的已知行为差异，并非配置遗漏，属于框架待优化的Bug范畴。

临时修复方案

可以通过强制刷新TextField布局触发重新换行，以下是两种简洁有效的方式：

1. 用id修饰符重置视图实例
   给TextField绑定随宽度变化的id，让SwiftUI在宽度改变时重新创建视图，自动触发排版更新：

   TextField(text: $text, axis: .vertical) {
       Text("Label")
   }
   .frame(maxWidth: width)
   .id(width) // 新增该行，随宽度变化重置视图
   

2. 通过状态变量触发布局刷新
   借助onChange监听宽度变化，临时切换一个不影响显示的属性来强制刷新：

   @State private var refreshTrigger = false
   
   // 在TextField中添加相关修饰符
   TextField(text: $text, axis: .vertical) {
       Text("Label")
   }
   .frame(maxWidth: width)
   .font(refreshTrigger ? .body : .body) // 用相同字体触发刷新
   .onChange(of: width) { _ in
       refreshTrigger.toggle()
   }
   

补充说明

• 两种方案都能解决宽度变化后的换行问题，其中id修饰符的方式更简洁直接。
• 若需推动官方修复，可通过Apple反馈助手提交Bug报告，描述该跨平台行为差异。

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