swift - 在 SwiftUI 中使用可选项进行条件渲染

Question

来自 React 背景，如果定义了值，则很容易只呈现 View 。它看起来像这样:

function Component ({ profile }) {
  return (
    <div>{profile && <div>{profile.name}}</div>
  )
}

但我发现在 SwiftUI 中复制这种模式要困难得多。理想情况下，我们可以在我们的 View 中使用条件展开，但这目前不起作用。我能想出的唯一解决方案真的很不优雅:

struct ProfileView : View {
    var profile: Profile?

    var body : some View {
        if let profile = profile {
            return Text("profile: \(profile.bio)")
        }  else {
            return Text("")
        }
    }
}

struct LayoutView : View {
    @State var profile: Profile?
    var body : some View {
        Group {
            ProfileView(profile: profile)
        }
    }.onAppear(perform: fetch)

    // fetch method 
}

有没有人有更好的策略来使用可选值进行条件渲染？

Answer 1

你可以反过来使用 map 来处理可选的，像这样:

struct ProfileView : View {
    var profile: Profile?

    var body : some View {
        profile.map { Text("profile: \($0.bio)") }
    }
}

(在此示例中，$0 是您展开的 profile。)

如果你需要其他情况:

profile.map { Text($0.bio) } ?? Text("Not available")