如何在SwiftUI中为NavigationView内的View条件添加尾部NavigationBarItem

其实实现条件显示导航栏按钮的思路很简单，核心就是根据数组的状态（是否为空），动态给navigationBarItems传递对应的视图——要显示按钮就传Button，不显示就传EmptyView()（SwiftUI自带的空视图，不会渲染任何内容）。

给你两种常用的写法：

方法一：使用三元运算符 #

这种写法比较简洁，适合简单的条件判断场景：

struct ContentView: View {
    // 定义一个状态数组，用来控制按钮显示
    @State private var dataArray: [String] = []
    
    var body: some View {
        NavigationView {
            Text("SwiftUI")
                .navigationBarTitle("Welcome")
                .navigationBarItems(trailing: dataArray.isEmpty ? 
                    Button("Help") {
                        print("Help tapped!")
                    } : EmptyView()
                )
        }
    }
}

方法二：使用闭包内的条件判断 #

如果之后要扩展更多条件逻辑，这种写法可读性更强：

struct ContentView: View {
    @State private var dataArray: [String] = []
    
    var body: some View {
        NavigationView {
            Text("SwiftUI")
                .navigationBarTitle("Welcome")
                .navigationBarItems(trailing: {
                    if dataArray.isEmpty {
                        Button("Help") {
                            print("Help tapped!")
                        }
                    } else {
                        EmptyView()
                    }
                }()) // 注意这里的()是用来执行闭包，返回View
        }
    }
}

你可以根据自己的需求选择写法，两种方式都能实现“数组为空时显示Help按钮，否则隐藏”的效果。

内容的提问来源于stack exchange，提问作者Rohan Bhale