SwiftUI：Tabview 重复自己

Question

我正在尝试为 macOS 10.15 应用创建标签视图。

 TabView {      
        BookmarksView()
            .tabItem {
            Text("Bookmark Settings")
        }
    
    DisplaySettings()
        .tabItem {
            Text("Display Settings")
        }
}

并且在我的任何视图中包含在主体中有一个元素的选项卡中，它在选项卡视图中正确呈现。

struct BookmarksView: View {
    var body: some View {
        Text("Bookmarks View")
           .font(.title)
           .font(Font.body.bold())
             
    }
}

但如果我在视图中添加任何其他元素，选项卡会重复并在其自己的选项卡中显示添加的元素。

struct BookmarksView: View {
        var body: some View {
            Text("Bookmarks View")
               .font(.title)
               .font(Font.body.bold())

             Text("Testing")
               .font(.system(size: 15))
                  
        }
    }

Answer 1

尝试将它们明确地包装在容器（堆栈或其他东西）中，例如

struct BookmarksView: View {
    var body: some View {
        VStack {                   // << this !!
          Text("Bookmarks View")
            .font(.title)
            .font(Font.body.bold())

          Text("Testing")
            .font(.system(size: 15))
        }               
    }
}

SwiftUI：Tabview 重复自己

SwiftUI: Tabview Repeating itself

tabview

swift

swiftui