Swiftui 在VStack的内容下面加下划线
我试图在Swiftui 在VStack的内容下面加下划线,swiftui,Swiftui,我试图在VStack的底部添加一行,填充到VStack的宽度,该宽度由VStack中的其他内容确定,但我使用的矩形填充了整个视图的可用空间 struct ContentView: View { var body: some View { VStack { Text("Testing123") Rectangle().frame(height: 2) } } } 如何使矩形仅具
VStack
的底部添加一行,填充到VStack
的宽度,该宽度由VStack
中的其他内容确定,但我使用的矩形填充了整个视图的可用空间
struct ContentView: View {
var body: some View {
VStack {
Text("Testing123")
Rectangle().frame(height: 2)
}
}
}
如何使矩形
仅具有VStack
所需的宽度以适合其内容?以下是一种方法
将您的矩形
放入VStack
的.overlay()
。将矩形放入其自身的VStack
中,并使用垫片
将矩形
推到底部。通过在VStack
中的最后一个视图中添加.padding
来控制矩形与原始VStack
之间的间距
struct ContentView: View {
var body: some View {
VStack {
Text("Hi")
Text("Testing123")
Text("Bye").padding(.bottom, 10)
}
.overlay(
VStack {
Spacer()
Rectangle().frame(height: 2)
}
)
}
}
我想你可以用的背景或叠加来制作你想要的东西。这些宽度受VStack
宽度的影响,因此您可以将与对齐元素(如.frame
或VStack
)相关的一些额外代码放在该行上。