美文网首页
SwiftUI—使用Spacer空格视图撑满布局空间

SwiftUI—使用Spacer空格视图撑满布局空间

作者: anny_4243 | 来源:发表于2020-07-15 16:48 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC12%E8%8A%82spacer-

    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()
            }
        }
    

    相关文章

      网友评论

          本文标题:SwiftUI—使用Spacer空格视图撑满布局空间

          本文链接:https://www.haomeiwen.com/subject/kihjhktx.html