Spacer是一个灵活的空间视图,它可以沿着包含堆栈布局的主轴进行扩展,如果不包含在堆栈中,则在两个x或y轴上进行扩展。空格视图的作用是自动调整自身的高度和宽度,以在HStack里撑满水平空间,或在VStack里撑满垂直空间。
示例代码:
var body: some View { VStack{ HStack { Image(systemName: "clock") Spacer() //在图像视图右侧,添加一个空格视图。空格视图自动调整自身的宽度,以填满在水平方向上的,图像视图右侧的所有空间。 } .padding() HStack { Image(systemName: "clock") Spacer() Text("\(Date())") } .padding() HStack { Image(systemName: "clock") Spacer(minLength: 50) Text("\(Date())") } .padding() } }