SwiftUI 列表未显示任何项目

Question

我想将 NavigationView 与 ScrollView 一起使用，但我没有看到列表项。

struct ContentView: View {
    var body: some View {
        NavigationView {
            ScrollView{
                VStack {
                    Text("Some stuff 1")
                    List{
                        Text("one").padding()
                        Text("two").padding()
                        Text("three").padding()
                    }
                    Text("Some stuff 2")
                }
            }
        }
    }
}

我看到的只有文字。如果我删除 ScrollView，我会看到所有内容，但文本会被推到最底部。我只是希望能够在一个漂亮的可滚动页面中添加列表和 View 。

Answer 1

ScrollView期望内容的维度，但 List期望来自容器的维度 - 如您所见，存在冲突，因此列表的大小未定义，结果渲染引擎只是将其删除以避免歧义。

解决方案是根据您的需要为 List 定义一些大小，因此 ScrollView 现在将如何布局它，因此 ScrollView 可以滚动整个内容，列表可以滚动内部内容。

例如。

struct ContentView: View {
    @Environment(\.defaultMinListRowHeight) var minRowHeight

    var body: some View {
        NavigationView {
            ScrollView{
                VStack {
                    Text("Some stuff 1")
                    List {
                        Text("one").padding()
                        Text("two").padding()
                        Text("three").padding()
                    }.frame(minHeight: minRowHeight * 3).border(Color.red)
                    Text("Some stuff 2")
                }
            }
        }
    }
}