SwiftUI TabView + NavigationView 导航栏不显示

Question

我在使用 UIKit 几年后开始使用 SwiftUI。这不是小菜一碟哈哈。

好的，所以我正在尝试构建一个具有包含 2 个元素的选项卡栏的应用程序。每个选项卡都包含一个 ViewController（现在查看），它们将嵌入 NavigationController（现在 NavigationView）

实际结果是这样的

并且我希望有一个标题设置为主页的导航栏。

你能解释一下我做错了什么吗？我遵循了文档和几个教程，但我似乎没有做不同的事情。

import SwiftUI

struct TabBarView: View {
    var body: some View {
        TabView() {
            RedView()
                .tabItem({
                    Image(systemName: "house.fill")
                    Text("Home")
                })
                .tag(0)
            BlueView()
                .tabItem({
                    Image(systemName: "dollarsign.square.fill")
                    Text("Trade")
                })
                .tag(1)
        }
    }
}

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


struct RedView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test")
            }
        }
        .navigationBarTitle("Home")
    }
}
struct BlueView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test2")
            }
        }
        .navigationBarTitle("Trade")
    }
}

这是目前包含所有内容的文件。在此先感谢您以后的帮助！

Answer 1

.navigationBarTitle应该在里面NavigationView

struct RedView: View {
    var body: some View {
        NavigationView {
            List {
                Text("test")
            }
            .navigationBarTitle("Home")     // << here !!
        }
    }
}

SwiftUI TabView + NavigationView 导航栏不显示

SwiftUI TabView + NavigationView navbar doesn't show up

swift

swiftui

navigationview

tabview