SwiftUI Divider分割线

在SwiftUI中，Divider是一个非常简单的视图，用来在界面中显示一条分割线，常用于分隔不同的视图内容。

基本用法

VStack {
    Text("上面的内容")
    Divider()
    Text("下面的内容")
}

这会在两段文字之间显示一条水平的灰色线条。

Divider的方向取决于布局：

如果放在VStack里：是水平线。

如果放在HStack里：是垂直线。

HStack {
    Text("左边")
    Divider()
    Text("右边")
}

自定义Divider的样式：

可以通过 .frame、.background、.padding 等方式修改 Divider 的样式：

Divider()
    .frame(height: 2)
    .background(Color.blue)
    .padding(.horizontal)

这会生成一条蓝色、2 点高度、左右有内边距的水平线。

结合 Section 使用：

在List或Form中，Divider通常不需要手动添加，而是使用Section自动处理分隔：

List {
    Section(header: Text("第一组")) {
        Text("项目 1")
        Text("项目 2")
    }

    Section(header: Text("第二组")) {
        Text("项目 3")
        Text("项目 4")
    }
}