在 HStack 中有 2 个 List/ScrollView 时，NavigationView 不会折叠 - SwiftUI

Posted 2023-02-24

【中文标题】在 HStack 中有 2 个 List/ScrollView 时，NavigationView 不会折叠 - SwiftUI

【英文标题】：NavigationView is not collapsing while having 2 List/ScrollView in HStack - SwiftUI

【发布时间】：2021-09-21 19:48:34

【问题描述】：

我想并排显示 2 个列表，方法是使用 SwiftUI 框架将 HStack 中的两个列表包装起来。

但是当 List 的左侧滚动时，NavigationView 不会折叠。

struct ContentView: View 
    var body: some View 
        NavigationView 
            HStack(spacing: 0) 
                List(0..<21)  _ in
                    Text("Hello, world!").padding()
                
                
                List(0..<21)  _ in
                    Text("Hello, world!").padding()
                
            
            .navigationTitle("Home")
            //Added just to see navigation bar items
            .navigationBarItems(leading: Button("Edit") , trailing: Button("Done") )
        
    

如何在向左滚动列表时折叠 NavigationView？

【参考方案1】：

此解决方案可能无法直接回答您的问题，但如果您可以以不同的样式显示标题，请尝试使用此修饰符：

.navigationBarTitle(Text("Home"), displayMode: .inline)

【讨论】：

首先，我想让导航栏保持自动，其次，内联也不能解决这个问题。顺便说一句，感谢您的建议。