swiftswiftui

Show line / separator view in SwiftUI


I want to show a separator line in my SwiftUI app. To achieve that, I tried to create an empty view with a fixed frame and a background color / border:

EmptyView()
    .frame(width: 200, height: 2)
    .background(Color.black) // or:
    .border(Color.black, width: 2)

Unfortunately, I cannot see any dark view showing up.
Is there a way to show a separator / line view?


Solution

  • Use the build-in Divider View:

    A visual element that can be used to separate other content.

    Example:

    struct ContentView : View {
        var body: some View {
            VStack {
                Text("Hello World")
                Divider()
                Text("Hello Another World")
            }
        }
    }
    

    Output: enter image description here