Swift UI：如何在视图中显示空列表时显示错误消息？

与其尝试在 searchSucceeded 中设置 ForEach，不如创建一个名为 displayError 的计算属性来确定是否应显示错误。每次渲染视图时都会重新计算计算属性，这会受到新属性、@State 更改等的影响。

var displayError : Bool {
    //condition here -- map? reduce?
    return true
}

var body: some View {
    List() {
        ForEach(terms.groups) { group in
            let groupTerms = filteredTerms(for: group)
            if searchText.isEmpty || !groupTerms.isEmpty {
                Section(header: Text(group.Name)) {
                    ForEach(groupTerms) { term in
                        NavigationLink(desTination: DetailView(term: term)) {
                            TermsRow(term: term)
                        }
                    }
                }
            }
        }
        
        if DisplayError {
            Text("error message")
        }
    }
}

您还没有包含您的模型代码，因此很难说要在该计算属性中放入什么，但从您的循环来看，它可能是一个 reduce 或可迭代您的组的内容并查看是否有有效数据。

就像评论中提到的@lorem 一样，您可以将这种东西移动到视图模型中，但这并不是绝对必要的。如果您拥有大量数据并且出于资源原因想要限制通过数据的次数，则这可能会变得更加重要。

对于这样的情况 - 你必须绘制“这个”或“那个”，它们有很大的不同，我使用一个“EitherView”和一个相应的模型“Either”：

struct EitherView<Right: ComponentView,Left: ComponentView>: ComponentView {
    var state: Either<Right.State,Left.State>

    init(_ state: Either<Right.State,Left.State>) {
        self.state = state
    }

    var body: some View {
        switch state {
        case .right(let right):
            Right(right)
        case .left(let left):
            Left(left)
        }
    }
}

public enum Either<Right,Left> {
    case right(Right)
    case left(Left)
}

然后您可以添加模态呈现的视图和加载指示器，如下面的示例所示，旨在实现一个可重复使用的通用视图：

struct MyView<ContentView: ComponentView>: View {
    typealias Content = ContentView.State
    typealias Modal = ModalState<AlertState,SheetState,ActionSheetState,LoadingState>
    private var state: ViewState<Content,Modal>

    init(_ state: ViewState<Content,Modal>) {
        self.state = state
    }

    var body: some View {
        return GeometryReader { geometry in
        ContentView(state.body)
        .frame(width: geometry.size.width,height: geometry.size.height,alignment: .center)
        }
        .alert(item: showAlert) { alert in
            SwiftUI.Alert(title: Text(alert.titlE),message: Text(alert.messagE))
        }
        .sheet(item: showSheet) { sheet in
            ...
        }
        .actionSheet(item: showActionSheet) { actionSheet in
            SwiftUI.ActionSheet(title: Text(actionSheet.titlE))
        }
    }
}

private extension MyView {
    var showAlert: Binding<AlertState?> {
        Binding<AlertState?>(
            get: { self.state.alert },set: { _ in self.state.dismiss() }
        )
    }
  ... 
}

请注意，此示例中的视图状态不可变。

为了将此应用于您的问题，您只需要组合相应的 @H_727_46@model 或 viewState，最好在视图之外，例如在 viewModel 中。 >

现在您已将大问题分解为小块，每个小块都很容易解决。