Repository navigation
Custom tabBar on iPad renders duplicate #293
Description
Before submitting a new issue
- I tested using the latest version of the library, as the bug might be already fixed.
- I tested using a supported version of react native.
- I checked for possible duplicate issues, with possible answers.
Bug summary
Using the new custom tab bar on iPad renders two tab bars.
Library version
0.8.6
Environment info
expo 52.0.31
react-native 0.76.7Steps to reproduce
- Create a new Expo project
- Setup
react-native-bottom-tabs - Create a custom tab bar
- Open on iPad
Reproducible sample code
<Tabs
screenOptions={{
lazy: true,
}}
tabBar={(props) => <CustomTabBar {...props} />}
>
<Tabs.Screen name="(home)" />
<Tabs.Screen name="(search)" />
<Tabs.Screen name="(profile)" />
<Tabs.Screen
name="(notifications)"
options={{
tabBarBadge: unread,
}}
/>
<Tabs.Screen name="(settings)" />
<Tabs.Screen
name="+not-found"
options={{
tabBarItemHidden: true,
}}
/>
<Tabs.Screen
name="_sitemap"
options={{
tabBarItemHidden: true,
}}
/>
</Tabs>
Activity
okwasniewski commentedon Feb 7, 2025
Hey,
Thanks for opening the issue! I will look into this in the upcoming days.
alizahid commentedon Feb 15, 2025
@okwasniewski Thanks for the quick fix! Any chance this will be released soon?
okwasniewski commentedon Feb 15, 2025
@alizahid Will be out on Monday together with bunch of other fixes!
r0b0t3d commentedon Sep 5, 2025
Still happening for me
Simulator: iPad mini (A17 Pro) iOS 18.5
alizahid commentedon Sep 8, 2025
@okwasniewski Looks like this has snuck back in a recent version.