Menu

Border

Skip support for SwiftUI.View.border on Android. Consult the SkipUI module for a complete list of supported SwiftUI.

The following example screens and source code is from SkipUI’s Showcase sample app BorderPlayground.swift

Android screenshot for Border component (light mode) iPhone screenshot for Border component (light mode) iPhone screenshot for Border component (dark mode) Android screenshot for Border component (dark mode)
import SwiftUI

struct BorderPlayground: View {
    var body: some View {
        ScrollView {
            VStack(spacing: 16.0) {
                HStack {
                    Text(".border")
                    Spacer()
                    Color.red
                        .frame(width: 100.0, height: 100.0)
                        .border(.primary)
                }
                HStack {
                    Text(".padding()")
                    Spacer()
                    Color.red
                        .frame(width: 100.0, height: 100.0)
                        .padding()
                        .border(.primary)
                }
                HStack {
                    Text(".padding([.top, .leading])")
                    Spacer()
                    Color.red
                        .frame(width: 100.0, height: 100.0)
                        .padding([.top, .leading], 32.0)
                        .border(.primary)
                }
                HStack {
                    Text(".blue, 5.0")
                    Spacer()
                    Color.red
                        .frame(width: 100.0, height: 100.0)
                        .border(.blue, width: 5.0)
                }
                HStack {
                    Text(".blue.gradient, 10.0")
                    Spacer()
                    Color.red
                        .frame(width: 100.0, height: 100.0)
                        .border(.blue.gradient, width: 10.0)
                }
                HStack {
                    Text("VStack")
                    Spacer()
                    VStack {
                        Color.red
                            .frame(width: 100.0, height: 100.0)
                            .padding()
                        Color.red
                            .frame(width: 100.0, height: 100.0)
                            .padding()
                    }
                    .border(.primary)
                }
            }
            .padding()
        }
        .toolbar {
            PlaygroundSourceLink(file: "BorderPlayground.swift")
        }
    }
}