我正在学习如何使用SwiftUI进行布局,并且想知道如何告诉Swift,如果zstack中有一个背景矩形,并且顶部有一系列较小的形状,则使用该矩形作为参考空间。尽管当尝试时,它似乎在整个屏幕上间隔对象(而不是使用背景对象)。下面是我尝试编写的一个示例:
sxpgvts31#
使用.overlay(alignment:content:)相对于父视图放置子视图。例如:
.overlay(alignment:content:)
struct ContentView: View { var body: some View { Color.blue .frame(width: 100, height: 100) .overlay(alignment: .center) { VStack { Spacer() Spacer() Spacer() HStack(spacing: 2) { ForEach([Color.yellow, .red, .white, .green, .cyan], id: \.self) { color in Circle() .foregroundColor(color) .frame(width: 15, height: 15) } } Spacer() } } } }
下面是在模拟器中运行:
1条答案
按热度按时间sxpgvts31#
使用
.overlay(alignment:content:)
相对于父视图放置子视图。例如:
下面是在模拟器中运行: