SwiftUI禁用列表边框iOS 14 [重复]

Posted 2023-02-24

【中文标题】SwiftUI禁用列表边框iOS 14 [重复]

【英文标题】：SwiftUI disable list border iOS 14 [duplicate]

【发布时间】：2020-09-21 04:47:51

【问题描述】：

我发现如果视图包含导航视图，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 中的边框。有什么建议吗？

【参考方案1】：

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

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