SwiftUI macOS任务管理应用文本无法换行问题求助

核心问题出在HStack的布局逻辑上——默认情况下HStack会让所有元素保持紧凑排列，文本区域没有被分配足够的剩余空间来触发换行。结合你的需求，通过以下调整可以解决问题：

关键修改步骤 #

1. 给文本区域设置布局优先级
   在Text/TextField所在的容器上添加.layoutPriority(1)，让文本区域优先占用HStack的剩余空间，窗口缩小时文本会先换行而非被截断。
2. 确保TextField支持多行
   给TextField添加.lineLimit(nil)，解除单行限制，允许编辑时也能换行显示。
3. 保持顶部对齐
   HStack设置alignment: .top，让换行后的文本与日期、按钮等元素顶部对齐，视觉更协调。

修改后的TaskView示例代码 #

struct TaskView: View {
    @Binding var task: Task
    @State private var isEditing = false
    @State private var editedContent = ""
    
    var body: some View {
        HStack(alignment: .top, spacing: 8) {
            // 完成状态复选框
            Button(action: { task.isCompleted.toggle() }) {
                Image(systemName: task.isCompleted ? "checkmark.square.fill" : "square")
            }
            
            // 可编辑文本区域（核心布局调整）
            VStack(alignment: .leading, spacing: 0) {
                if isEditing {
                    TextField("", text: $editedContent, onCommit: {
                        task.content = editedContent
                        isEditing = false
                    })
                    .lineLimit(nil) // 允许多行编辑
                    .fixedSize(horizontal: false, vertical: true)
                } else {
                    Text(task.content)
                        .strikethrough(task.isCompleted)
                        .onTapGesture {
                            editedContent = task.content
                            isEditing = true
                        }
                        .fixedSize(horizontal: false, vertical: true)
                }
            }
            .layoutPriority(1) // 优先占用剩余空间
            
            // 日期文本
            Text(task.dueDate.formatted(date: .abbreviated, time: .omitted))
                .font(.caption)
                .foregroundColor(.secondary)
            
            // 日历按钮
            Button(action: { /* 打开日历选择逻辑 */ }) {
                Image(systemName: "calendar")
            }
            .buttonStyle(.plain)
        }
        .padding(.vertical, 4)
    }
}

// 示例Task模型
struct Task: Identifiable {
    let id = UUID()
    var content: String
    var isCompleted: Bool
    var dueDate: Date = Date()
}

逻辑说明 #

• .layoutPriority(1)：让文本区域在HStack布局中拥有最高优先级，当窗口宽度不足时，日期和按钮会保持最小宽度，文本区域则会自动收缩并换行。
• .lineLimit(nil)：解除TextField的单行限制，编辑长文本时也能正常换行显示。
• 你之前尝试的.fixedSize(horizontal: false, vertical: true)需要配合布局优先级才能生效，否则HStack会挤压文本区域的空间，导致换行失效。

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