fix tabbar showing duplicates (#420)

r0b0t3d · okwasniewski · web-flow · commit 14f9c04baaaf · 2025-09-12T15:10:36.000+08:00
* fix tabbar showing duplicates

* feat: add changes

---------

Co-authored-by: Oskar Kwaśniewski &lt;oskarkwasniewski@icloud.com&gt;
diff --git a/.changeset/lemon-trainers-boil.md b/.changeset/lemon-trainers-boil.md
@@ -0,0 +1,5 @@
+---
+"react-native-bottom-tabs": patch
+---
+
+fix: tabbar showing duplicates on iOS
diff --git a/packages/react-native-bottom-tabs/ios/TabView/NewTabView.swift b/packages/react-native-bottom-tabs/ios/TabView/NewTabView.swift
@@ -31,6 +31,7 @@ struct NewTabView: AnyTabView {
               RepresentableView(view: child.view)
                 .ignoresSafeArea(.container, edges: .all)
                 .tabAppear(using: context)
+                .hideTabBar(props.tabBarHidden)
             } label: {
               TabItem(
                 title: tabData.title,
@@ -50,6 +51,5 @@ struct NewTabView: AnyTabView {
     .measureView { size in
       onLayout(size)
     }
-    .hideTabBar(props.tabBarHidden)
   }
 }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"react-native-bottom-tabs": patch
 +---
++
 +fix: tabbar showing duplicates on iOS
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,7 @@ struct NewTabView: AnyTabView {`
`31`	`31`	`RepresentableView(view: child.view)`
`32`	`32`	`.ignoresSafeArea(.container, edges: .all)`
`33`	`33`	`.tabAppear(using: context)`
	`34`	`+ .hideTabBar(props.tabBarHidden)`
`34`	`35`	`} label: {`
`35`	`36`	`TabItem(`
`36`	`37`	`title: tabData.title,`
`@@ -50,6 +51,5 @@ struct NewTabView: AnyTabView {`
`50`	`51`	`.measureView { size in`
`51`	`52`	`onLayout(size)`
`52`	`53`	`}`
`53`		`- .hideTabBar(props.tabBarHidden)`
`54`	`54`	`}`
`55`	`55`	`}`