Agustín Millán Jiménez
### 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.