添加 navigationBarItem 时出现奇怪的列表视图

Question

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

代码：

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()
    }
}

Answer 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())
   }
}

Answer 2

嘿！试一试！

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

添加 navigationBarItem 时出现奇怪的列表视图

Weird list view when I add navigationBarItem

navigation

listview

swift

swiftui