首页 > 解决方案 > SwiftUI List Bare 最小高度

问题描述

下面的代码导致 List 几乎占据了屏幕的所有高度。如何确保列表仅占据所需的最低高度,该高度可以根据行数动态变化。附上模拟器屏幕截图供您参考。谢谢!

// om namah shivaya

import SwiftUI

struct TestView: View {
    
    @State private var name = ""
    
    var body: some View {
        VStack(spacing: 0) {
            Spacer()
            Text("Header")
            List() {
                TextField("enter your name", text: $name)
            }
            .listStyle(InsetGroupedListStyle())
            Text("Footer")
            Spacer()
        }
        .navigationTitle("Test")
        .background(Color.red)
    }
    
}

struct TestView_Previews: PreviewProvider {
    static var previews: some View {
        TestView()
    }
}

在此处输入图像描述

标签: iosswiftswiftui

解决方案


推荐阅读