如何解决我无法在 SwiftUI 中将 NavigationItemTitle 覆盖到 TabView
我是 SwiftUI 的新手。我有一个 ContentView,因为我添加了 NavigationView,它从那个 NavigationView 重定向到另一个具有 TabView 的视图。
//ContentView.swift
struct ContentView: View {
@State private var isValidLogin : Bool = false
var body: some View {
NavigationView{
vstack
{
NavigationLink(destination: HomePage(),isActive:$isValidLogin) {
Text("LOGIN")
.font(.headline)
.foregroundColor(.white)
.padding()
.onTapGesture {
self.isValidLogin = true
}
}
}.padding()
}
}
}
此处为 HomePage.swift 的代码
import SwiftUI
struct HomePage: View {
private enum Tab: Hashable {
case home
case map
}
@State private var selectedTabbar : Tab = .home
var body: some View {
TabView(selection: $selectedTabbar)
{
HomeView()
.tag(0)
.tabItem{
Text("Home")
Image(systemName: "house.fill")
}
MapView()
.tag(1)
.tabItem {
Text("Map")
Image(systemName: "map")
}
}.navigationBarTitle("Settings")
}
}
struct HomePage_Previews: PreviewProvider {
static var previews: some View {
HomePage()
}
}
这里是 MapView.swift 的代码
import SwiftUI
struct MapView: View {
var body: some View {
Text("You are in Map Page")
.navigationBarTitle(Text("Map"),displayMode: .inline)
}
}
struct MapView_Previews: PreviewProvider {
static var previews: some View {
MapView()
}
}
我的错误是:当我为 TabView 属性设置全局标题时,.navigationBarTitle("Settings") 总是在反映。但是我想要这样,如果我将 NavigationTitle 设置为子视图,那么它将显示在该子视图中。我需要这样,当我们点击 Map Item 时,NavigationTitle 应该 Map。当我们将导航标题应用于孩子时,我无法找到为什么它不起作用的错误。
任何帮助都应该受到赞赏。提前致谢。
解决方法
我找到了解决方案。
这里我更改了我的 HomePage
:
struct HomePage: View {
@State private var selectedTabbar = 0
var body: some View {
TabView(selection: $selectedTabbar)
{
HomeView()
.tag(0)
.tabItem{
Text("Home")
Image(systemName: "house.fill")
}
MapView()
.tag(1)
.tabItem {
Text("Map")
Image(systemName: "map")
} Image(systemName: "gear")
}
}.navigationBarTitle(Text(navigationBarTitle))
.navigationBarBackButtonHidden(true)
.accentColor(.red)
}
}
我为 HomePage
添加了一个扩展名。它正在设置子视图的导航标题:
private extension HomePage {
var navigationBarTitle: String {
selectedTabbar == 0 ? "Home" : "Map"
}
}
使用此扩展程序,我们可以将动态导航标题设置为 TabView
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。