以下是一个使用标签和文本视图在水平方向上溢出滚动视图的示例代码:
import SwiftUI
struct ContentView: View {
var body: some View {
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 10) {
ForEach(1...10, id: \.self) { index in
VStack {
Text("Label \(index)")
.font(.headline)
.padding(.bottom, 5)
Text("Text \(index)")
.foregroundColor(.gray)
.padding(.bottom, 5)
}
.frame(width: 150)
.background(Color.white)
.cornerRadius(10)
.shadow(radius: 2)
}
}
.padding()
.padding(.horizontal, 10)
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
这个示例使用ScrollView
来创建一个水平方向上的滚动视图。在ScrollView
中,我们使用HStack
来放置多个标签和文本视图。每个标签和文本视图都被放置在一个VStack
中,并设置适当的样式和布局属性。整个HStack
被包装在一个ScrollView
中,以便当内容溢出时可以滚动查看。我们还使用了一些边距和背景样式来增强视图的外观。
请注意,此示例使用了SwiftUI
的代码,因此需要在支持SwiftUI
的项目中运行。
上一篇:标签和文本的统一编号格式
下一篇:标签和文本输入对齐问题