在 ScrollView SwiftUI 中添加时列表隐藏

Question

我在ScorllView 中添加了一个List，但是在添加到ScrollView 之后它没有显示在画布中

这是我的代码

struct ContentView: View {
    var body: some View {
        ScrollView {
            VStack {
                Text("My List")
                    .font(.largeTitle)
                    .fontWeight(.bold)

                List(0 ..< 5) { item in
                    Text("Hello World")
                }
            }
        }
    }
}

Answer 1

问题：

这是因为 List 从其父 View 推断其大小。因此，当您将它嵌入到具有动态高度的 VStack 之类的东西中时，它无法正确推断出它的大小。

解决方案：

你有一些选择：

1。大小List 自动匹配它的内容（完美）

您可以直接使用ForEach，而不是使用List，然后您可以更好地控制内容大小

ForEach(0 ..< 5) { item in
    VStack(alignment: .leading) {
        Text("Hello World").frame(height: 42)
        Divider()
    }.padding(.horizontal, 8)
}

_{您可以根据需要更改所有尺寸和间距}

---

2。大小 List 以手动匹配其内容（好但不完美）

通过在List 上设置.frame() 修饰符，像在UIKit 中那样给它一个静态框架：

List(0 ..< 5) { item in
    Text("Hello World")
}.frame(height: 224)

_{可以使用GeometryReader 找到父级的确切大小并将其应用到List}

---

3。只需显示List（不好但有效）

将.scaledToFill() 修饰符添加到List

Answer 2

我假设您期望以下内容：

var body: some View {
    GeometryReader { geometry in
        ScrollView {
           VStack {
               Text("My List")
                   .font(.largeTitle)
                   .fontWeight(.bold)

                List {
                    ForEach(0 ..< 50) { item in // 50 for testing
                        Text("Hello World")
                    }
                }
            }
            .frame(height: geometry.size.height)
        }
    }
}