在SwiftUI中,可以使用.padding()
修饰符来设置按钮之间的间距。以下是一个示例代码,演示如何在不同设备上设置按钮之间的间距:
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
Button(action: {
// 按钮1的操作
}) {
Text("按钮1")
.padding()
.background(Color.blue)
.foregroundColor(.white)
}
.padding(.bottom, 10) // 设置按钮1的下边距为10
Button(action: {
// 按钮2的操作
}) {
Text("按钮2")
.padding()
.background(Color.red)
.foregroundColor(.white)
}
.padding(.bottom, 20) // 设置按钮2的下边距为20
}
.padding(.horizontal, 20) // 设置整个水平方向的内边距为20
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
在上面的示例中,使用了.padding()
修饰符来设置按钮的内边距。.padding(.bottom, 10)
表示设置按钮的下边距为10,.padding(.bottom, 20)
表示设置按钮的下边距为20。在整个VStack
中使用.padding(.horizontal, 20)
设置了整个水平方向的内边距为20。
可以根据实际需要调整按钮之间的间距和其他边距。
上一篇:不同设备上的奇怪按钮
下一篇:不同设备上的图标外观不一致。