SwiftUI Form中如何为两个按钮添加间距？

根据需求，以下几种方式可以实现两个按钮之间的间距效果：

方法一：用Section分隔按钮 #

利用Form中Section的默认间距特性，将每个按钮单独放在一个Section里，系统会自动生成适配的间距：

Form {
    Section {
        Button("按钮1") {
            // 执行操作
        }
    }

    Section {
        Button("按钮2") {
            // 执行操作
        }
    }
}

方法二：给按钮添加底部内边距 #

直接给上方按钮设置底部padding，自定义间距大小：

Form {
    Button("按钮1") {
        // 执行操作
    }
    .padding(.bottom, 12) // 可根据需求调整数值

    Button("按钮2") {
        // 执行操作
    }
}

方法三：用VStack自定义间距 #

在Form中嵌入VStack，通过spacing参数精确控制按钮间距，同时保持按钮宽度适配Form容器：

Form {
    VStack(spacing: 15) {
        Button("按钮1") {
            // 执行操作
        }
        .frame(maxWidth: .infinity) // 让按钮充满容器宽度

        Button("按钮2") {
            // 执行操作
        }
        .frame(maxWidth: .infinity)
    }
}

方法四：利用Section的空白footer #

给上方Section添加空白footer视图来控制间距：

Form {
    Section(footer: Color.clear.frame(height: 10)) {
        Button("按钮1") {
            // 执行操作
        }
    }

    Section {
        Button("按钮2") {
            // 执行操作
        }
    }
}

你可以根据实际需求选择合适的方式，其中方法一和方法三的适配性较好，能和系统Form样式保持一致。

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