Feature Requests

Expose iOS scrollEdgeEffects for native bottom tabs
### Current behavior @react-navigation/bottom-tabs v8 native tabs do not expose a way to configure iOS 26 UIScrollEdgeEffect behavior for tab screen content scroll views. This means apps using native bottom tabs cannot opt out of the default bottom scroll-edge fade/glow behind the tab bar, even when the underlying native tabs implementation can support it. ### Related upstream work react-native-screens PR: software-mansion/react-native-screens#4263 That PR adds/completes support for Tabs.Screen iOS scrollEdgeEffects , for example: ```tsx <Tabs.Screen ios={{ scrollEdgeEffects: { bottom: 'hidden' }, }} /> ### Proposed React Navigation API Expose a bottom-tabs screen option that passes through to the native `Tabs.Screen` iOS prop. One possible shape: ```tsx <Tab.Screen name="Home" component={HomeScreen} options={{ tabBarScrollEdgeEffects: { bottom: 'hidden', }, }} /> React Navigation would pass this to react-native-screens native tabs as: ```tsx ios={{ scrollEdgeEffects: tabBarScrollEdgeEffects, }} ``` I'd be happy to open a PR once there's agreement on the preferred option name and API shape. ### Why this is useful On iOS 26, native bottom tabs can render Liquid Glass tab bars. The default scroll-edge effect can create a visible fade behind the bottom bar. Some apps need to disable that effect per screen, especially when their own content already handles the visual treatment behind the tab bar. ### Platforms iOS 26+, native bottom tabs.
0
Load More