SwiftUI—使用Divider分隔线对视图进行分隔

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

当Divider包含在VStack或YStack中时,Divider跨越堆栈的短轴延伸,或者当不在堆栈中时则进行水平分隔。
示例代码:

VStack{
    VStack {
     Image(systemName: "clock")
     Divider() //分割线视图是一条位于图像视图下方的灰色实线
     Text("\(Date())")
    }
    .padding()

    VStack {
     Image(systemName: "clock")
     Divider()
        .background(Color.purple) //分割线的默认颜色为灰色,此处设置分割线的默认颜色为紫色
        .scaleEffect(CGSize(width: 1, height: 10)) //分割线高度放大10倍
            .padding(Edge.Set.init(arrayLiteral: .top, .bottom), 20) //将分割线的上下内边距设置为20,以增加分割线和上下两侧的视图的距离

     Text("\(Date())")
    }
    .padding()
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容