SwiftUI:如何将NavigationBarItem与大标题导航标题对齐？

在SwiftUI中，NavigationBarItem通常用于自定义导航栏按钮，而大标题导航标题则通过navigationBarTitleDisplayMode(.large)来设置。要将NavigationBarItem与大标题导航标题对齐，你需要确保它们在视觉上处于同一水平线上。

以下是一个简单的示例，展示如何将NavigationBarItem与大标题导航标题对齐：

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                // Your content here
            }
            .navigationBarTitleDisplayMode(.large)
            .navigationTitle("Large Title")
            .toolbar {
                ToolbarItem(placement: .navigationBarTrailing) {
                    Button(action: {
                        // Button action here
                    }) {
                        Image(systemName: "plus")
                    }
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

解释

navigationBarTitleDisplayMode(.large): 这个修饰符用于设置导航栏标题的显示模式为大标题。
.navigationTitle("Large Title"): 设置导航栏的标题。
.toolbar: 用于自定义工具栏内容。
ToolbarItem(placement: .navigationBarTrailing): 将工具栏项放置在导航栏的右侧。

对齐原理

SwiftUI会自动处理导航栏标题和工具栏项的对齐。当你使用.navigationBarTitleDisplayMode(.large)时，SwiftUI会自动将标题和工具栏项对齐。
通过将ToolbarItem放置在.navigationBarTrailing位置，可以确保它与导航栏标题对齐。