Swift中为.searchable()添加顶部内边距避免文本重叠

要解决「Home文本与搜索框重叠」的问题，同时保持Home和Edit按钮的位置不变，且不使用自定义搜索框，可以通过以下两步调整：

1. 修正ToolbarItem的布局逻辑
   原代码中直接给Home文本添加超大上下padding的方式会导致Toolbar高度计算异常，改用VStack+Spacer的方式固定文本位置，同时让SwiftUI正确识别Toolbar的高度：

2. 给Toolbar添加底部内边距
   使用.toolbarPadding（iOS 16+支持）在Toolbar底部增加20的间隙，让搜索框自动下移避开Home文本。

修改后的完整代码：

else {
    NavigationView {
        mainContentView
            .searchable(text: $searchText, placement: .navigationBarDrawer(displayMode: .always))
            .onChange(of: searchText) { _, newValue in
                if !viewModel.isLoading {
                    viewModel.fetchOptions(for: newValue)
                }
            }
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) {
                    VStack {
                        Spacer(minLength: 180)
                        Text("Home")
                            .font(.title)
                            .bold()
                        Spacer(minLength: 130)
                    }
                }
                
                ToolbarItem(placement: .navigationBarTrailing) {
                    VStack {
                        Spacer(minLength: 30)
                        Button("Edit") {
                        }
                        Spacer(minLength: 30)
                    }
                }
            }
            .toolbarPadding(.bottom, 20) // 给Toolbar底部加20内边距，拉开与搜索框的间隙
    }                    
}

说明 #

• 用VStack+Spacer替代直接给文本加padding，既保留了Home和Edit的原有位置，又让SwiftUI正确计算Toolbar的高度，避免布局混乱。
• .toolbarPadding(.bottom, 20)直接在Toolbar和下方搜索框之间增加20的间隙，无需调整搜索框本身的布局。

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