IfLet View

Creating a view that unwraps an optional value intended to be consumed by its child

August 24, 2024

The Scenario

Tired of using if let to unwrap optional value inside a SwiftUI View that doesn’t feel natural?

struct ContentView: View {
    @Binding var error: String?

    var body: some View {
      ...
      if let text {
        Text(text)
      }
    }
}

The Solution

Create a generic view that wraps around if let

struct IfLet<Data, Content>: View where Content: View {
    let data: Data?
    let content: (Data) -> Content

    init(
        data: Data?,
        @ViewBuilder content: @escaping (Data) -> Content
    ) {
        self.data = data
        self.content = content
    }

    var body: some View {
        if let data {
            content(data)
        }
    }
}

The Usage

struct ContentView: View {
    @Binding var error: String?

    var body: some View {
      ...
      IfLet(data: error) {
        Text($0)
      }
    }
}