SwiftUI Tab Bar Item Duplicating

Question

This is weird, I have a tab bar with 4 defined tabs and the last item is duplicating itself.

TabView {
    HomeView()
        .tabItem {
            Label("Home", systemImage: "chart.bar.fill")
        }
    GroupsView()
        .tabItem {
            Label("Groups", systemImage: "person.3.fill")
        }
    FriendsView()
        .tabItem {
            Label("Friends", systemImage: "person.crop.circle.fill.badge.plus")
        }
    ProfileView()
        .tabItem {
            Label("Profile", systemImage: "person.crop.circle")
        }
}

Result:

result

Happens on both simulator and physical device. Also only seems to be the profile tab, if I move another tab to the end the profile tab duplicates itself but in the middle. Would the view have anything to do with it?

Replace everyview with an EmptyView() one by one to diagnose. — Quang Hà, Mar 09 '23 at 00:23
Could not replicate your issue in my tests. All works well for me, on MacOS 13.3, Xcode 14.3 beta, tested on real ios 16.3 devices, and macCatalyst. It could be due to other code you are not showing. — workingdog support Ukraine, Mar 09 '23 at 00:26

score 1 · Answer 1 · answered Mar 09 '23 at 00:18

1

Put all the Views inside FriendsView inside of another View such as a Group or VStack.

If you look carefully each tab has a different part of the friends view you have to put them together.

answered Mar 09 '23 at 00:18

lorem ipsum

21,175
5
24
48

SwiftUI Tab Bar Item Duplicating

1 Answers1