SwiftUI—使用VStack在垂直方向排列视图

简介: SwiftUI—使用VStack在垂直方向排列视图

VStack视图可以使其子视图,在垂直方向上进行等距排列。


示例代码:


struct ContentView : View {
    var body: some View {
        VStack{
            Text("The fruit and the tree")
                .font(.largeTitle)
            Image("Apple")
            Text("An apple is a sweet, edible fruit produced by an apple tree Apple trees are cultivated worldwide and are the most widely grown species in the genus Malus.")
                .font(.body)
                .lineLimit(nil)
                .frame(height: 200)
        }.padding()
    }
}


2466108-91d9ec55793f8897.webp.jpg


目录
相关文章
|
iOS开发
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
1811 0
SwiftUI极简教程34:LazyVGrid垂直网格和LazyHGrid水平网格的使用
|
9月前
|
Swift
switf垂直组合(VStack)
switf垂直组合(VStack)
69 1
|
9月前
|
数据可视化
QChart多个图布局使坐标轴对齐的方法
QChart多个图布局使坐标轴对齐的方法
244 0
|
9月前
|
搜索推荐
如何将文章纵向排列转换为横向排列
如何将文章纵向排列转换为横向排列
68 0
排列布局
排列布局
98 0
SwiftUI极简教程04:VStack, HStack, ZStack视图排列的使用(下)
SwiftUI极简教程04:VStack, HStack, ZStack视图排列的使用(下)
726 1
SwiftUI极简教程04:VStack, HStack, ZStack视图排列的使用(下)
SwiftUI—使用HStack在水平方向排列视图
SwiftUI—使用HStack在水平方向排列视图
662 0
SwiftUI—使用HStack在水平方向排列视图
|
自然语言处理 iOS开发
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
1513 0
SwiftUI极简教程03:VStack, HStack, ZStack视图排列的使用(上)
SwiftUI—使用ZStack在深度方向排列视图
SwiftUI—使用ZStack在深度方向排列视图
217 0
SwiftUI—使用ZStack在深度方向排列视图
SwiftUI—创建一个水平方向上的滚动视图
SwiftUI—创建一个水平方向上的滚动视图
215 0
SwiftUI—创建一个水平方向上的滚动视图