SwiftUI中如何强制ConfirmationDialog选项文本多行显示

问题分析 #

ConfirmationDialog默认的按钮样式会强制文本单行显示，导致长文本被截断。常规的.frame()、.fixedSize()直接加在Button上无效，因为这些修饰符无法突破系统默认的按钮布局限制。

解决方案 #

给长文本按钮自定义Label，使用Text组件开启多行支持，配合合适的布局修饰符即可解决：

import SwiftUI

struct ConfirmationDialogTest: View {
    @State private var showDialog = false
    
    var body: some View {
        VStack {
            Button("Show dialog") {
                showDialog = true
            }
        }
        .confirmationDialog("Confirmation", isPresented: $showDialog) {
            Button("OK") {}
            // 自定义Label实现多行显示
            Button {
                // 按钮点击逻辑
            } label: {
                Text("Very long text that will eventually be too long to be displayed on only one single line")
                    .lineLimit(.none) // 取消行数限制
                    .fixedSize(horizontal: false, vertical: true) // 允许垂直方向自适应高度
            }
            Button("Delete", role: .destructive) {}
        }
    }
}

原理说明 #

• 直接给Button设置布局修饰符无法生效，因为系统默认的ConfirmationDialog按钮容器会约束文本为单行；
• 通过自定义label，我们可以完全控制内部Text的布局行为：.lineLimit(.none)允许文本自动换行，.fixedSize(horizontal: false, vertical: true)让文本在水平方向适应容器宽度，垂直方向根据内容高度自动扩展；
• 这种方式不需要依赖辅助功能调整字体，关闭重开对话框后文本依然保持多行显示。

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