添加 navigationBarItem 时奇怪的列表视图答案

【问题标题】：Weird list view when I add navigationBarItem添加 navigationBarItem 时奇怪的列表视图
【发布时间】：2020-09-21 13:07:36
【问题描述】：

简而言之：我希望拥有与我分享的第一张图片相同的列表视图。但是当我添加导航栏项目时，列表对我来说看起来很奇怪。这是 Swift/XCode 新版本的 bug 还是需要更改？

代码：

import SwiftUI
import CoreData

struct ContentView: View {

    var body: some View {
        
        NavigationView {
            List{
                Text("test1")
                Text("test2")
                Text("test3")

            }
            .navigationTitle("Test")
//            .navigationBarItems(leading:
//                Text("Test")
//            )
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

【问题讨论】：

您需要 edit 将所有相关代码作为文本包含在内，使用正确的代码格式（而不是屏幕截图），以 minimal reproducible example 的形式提出问题主题。
这能回答你的问题吗？ SwiftUI iOS14 - NavigationView + List - Won't fill space

标签： swift listview navigation swiftui

【解决方案1】：

尝试使用 .navigationViewStyle 如下：

struct ContentView: View {
   @State private var isFullScreen = false
   
   var body: some View {
       NavigationView {
        List{
            Text("One")
            Text("Two")
            
        }
        .navigationTitle("Testt")
        .navigationBarItems(leading: Text("Add"))
       }
       .navigationViewStyle(StackNavigationViewStyle())
   }
}

【讨论】：

【解决方案2】：

嘿！试试这个！

   var body: some View {
       NavigationView {
          List{
             Text("One")
             Text("Two")
        
    }
    .navigationTitle("Testt, displayMode: .inline)
    .navigationBarItems(leading: Text("Add"))
   }
  }
}

【讨论】：