Ios 从包含 5 个以上项目的自定义选项卡栏的导航视图中删除更多按钮

如果您可以用空视图替换工具栏(其中有"More"按钮)，请首先选中.

首先，定义一个自定义扩展或视图，可能如下所示:

extension View {
    static var hidden: some View {
        EmptyView()
    }
}

然后，由于navigationBarItems(leading:trailing:)已弃用，因此使用toolbar(content:)与[navigationBarLeading]https://developer.apple.com/documentation/swiftui/toolbaritemplacement/navigationbarleading)或navigationBarTrailing放在一起.

struct MainTabView: View {
    @State private var selectedTab = 0
    @EnvironmentObject var pop: PopToRoot
    @Namespace var animation

    init() {
        UITabBar.appearance().isHidden = true
    }
    
    var body: some View {
        TabView(selection: $selectedTab){
            NavigationView(){
                FeedView()
            }
            .tag(1)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }

            NavigationView(){
                JobsView()
            }
            .tag(2)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }

            NavigationView(){
                ExploreView()
            }
            .tag(3)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }

            NavigationView(){
                QuestionView()
            }
            .tag(4)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }

            NavigationView(){
                MessagesHomeView()
            }
            .tag(5)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }

            NavigationStack {
                ProfileView()
            }
            .tag(6)
            .toolbar {
                ToolbarItem(placement: .navigationBarLeading) { EmptyView() }
            }
        }
        .overlay (
            HStack {
                TabBarButton(change: $selectedTab, title: "Home", index: 1, image: selectedTab == 1 ? "h.circle.fill" : "h.circle", animation: animation)
                TabBarButton(change: $selectedTab, title: "Jobs/Shop", index: 2, image: "", animation: animation)
                TabBarButton(change: $selectedTab, title: "Explore", index: 3, image: "magnifyingglass", animation: animation)
                TabBarButton(change: $selectedTab, title: "Ask", index: 4, image: "questionmark", animation: animation)
                TabBarButton(change: $selectedTab, title: "Messages", index: 5, image: selectedTab == 5 ? "message.fill" : "message", animation: animation)
                TabBarButton(change: $selectedTab, title: "Profile", index: 6, image: selectedTab == 6 ? "person.crop.circle.fill" : "person.crop.circle", animation: animation)
            }
            , alignment: .bottom
        )
    }
}

toolbar(content:)修饰符 for each NavigationView在导航栏的前导位置放置EmptyView()，其效果应该是移除导航栏上的"More"按钮或任何其他前导项目.

但这并没有奏效.我仍然可以看到屏幕顶部的More按钮.有什么 idea 吗？

另一种方法是，因为您已经在使用自定义选项卡栏UI，所以完全绕过TabView来使用自定义选项卡栏.

You could hold all the views in an array and show the currently selected one using a conditional statement.
And then use your custom tab bar UI to change the currently selected view.

import SwiftUI
import Combine
import MapKit

struct MainTabView: View {
    @State private var selectedTab = 0
    @EnvironmentObject var pop: PopToRoot
    @Namespace var animation
    
    private var tabs: [AnyView] = [
        AnyView(NavigationView() { FeedView() }),
        AnyView(NavigationView() { JobsView() }),
        AnyView(NavigationView() { ExploreView() }),
        AnyView(NavigationView() { QuestionView() }),
        AnyView(NavigationView() { MessagesHomeView() }),
        AnyView(NavigationStack { ProfileView() })
    ]

    var body: some View {
        VStack {
            if selectedTab < tabs.count {
                tabs[selectedTab]
            }
            
            Spacer()
            
            HStack {
                TabBarButton(change: $selectedTab, title: "Home", index: 0, image: selectedTab == 0 ? "h.circle.fill" : "h.circle", animation: animation)
                // Your other TabBarButtons
            }
            .background(Color.white.shadow(radius: 2))
        }
    }
}

// Your other structures

这样，您就可以绕过默认行为TabView，并使用自定义选项卡栏控制所显示的视图.