Structure

EmptyView

A View that displays nothing.

---

Declaration

@frozen struct EmptyView : View

---

Overview

EmptyView is a special view that displays nothing and occupies no space. Modifying an EmptyView does nothing.

For example, the following stack ignores the EmptyView between the two Text elements, even when it is modified to have a frame of 1000 x 1000 and a red background color. It simply behaves as if the middle view does not exist.

struct ExampleView: View {
    var body: some View {
        VStack {
            Text("Hello")

            EmptyView()
                .frame(width: 1000, height: 1000)
                .background(Color.red)

            Text("World")
        }
    }
}

EmptyView has many uses. For example, it can be used to instruct SwiftUI that your UI control does not want a label:

Toggle(isOn: $myBooleanValue, label: { EmptyView() })

EmptyView can also be used in conjunction with GeometryReader:

struct ExampleView: View {
    @State var width: CGFloat? = nil

    var body: some View {
        Text("Hello, world!")
            .background(
                GeometryReader { geometry -> EmptyView in
                    DispatchQueue.main.async {
                        width = geometry.size.width
                    }
                    return EmptyView()
                }
            )
    }
}

Account for EmptyView when building your own custom UI controls. For example, the following code specifies that label should be hidden from system accessibility features when the label is an instance of EmptyView:

struct MyCustomControl<Label: View, Content: View>: View {
    let label: Label
    let content: Content

    var body: some View {
        HStack {
            label
                .accessibility(hidden: label is EmptyView)
            content
        }
    }
}

Availability

iOS 13.0+

macOS 10.15+

tvOS 13.0+

watchOS 6.0+

Topics

---

Type Alias

Body The type of view representing the body of this view.

---

Initializer

init() Creates a new EmptyView.