SwiftUI 禁用列表边框 iOS 14

Question

这个问题在这里已经有了答案:





SwiftUI iOS14 - NavigationView + List - Won't fill space

(1 个回答)


去年关闭。




如果 View 包含导航 View ，我发现 SwiftUI iOS 14 中的列表会有类似边框的东西。有没有办法禁用边框？因为边框破坏了我的应用程序的设计。
这是代码中不包含 NavigationView 的代码。

struct ContentView: View {
    @State var isPresent = false
    
    var body: some View {
        let first = Restaurant(name: "Joe's Original")
        let second = Restaurant(name: "The Real Joe's Original")
        let third = Restaurant(name: "Original Joe's")
        let restaurants = [first, second, third]
            VStack{
                List(restaurants) { restaurant in
                    Text(restaurant.name)
                }
            }
        }
    }
}

这是包含 NavigationView 的代码

struct ContentView: View {
    @State var isPresent = false
    
    var body: some View {
        let first = Restaurant(name: "Joe's Original")
        let second = Restaurant(name: "The Real Joe's Original")
        let third = Restaurant(name: "Original Joe's")
        let restaurants = [first, second, third]
        NavigationView{
            VStack{
                List(restaurants) { restaurant in
                    Text(restaurant.name)
                }

            }
        }
    }
}

我想要的设计是第一张照片。我不知道如何禁用添加到列表 iOS14 中的边框。有什么建议吗？

Answer 1

尝试明确使用普通列表样式(我假设现在他们默认使用插入列表样式)

    NavigationView{
        VStack{
            List(restaurants) { restaurant in
                Text(restaurant.name)
            }
            .listStyle(PlainListStyle())     // << here !!
        }
    }