Skip to content

docs: add overrideScrollViewContentInsetAdjustmentBehavior option to bottom tab navigator#1492

Open
dobomode wants to merge 1 commit into
react-navigation:mainfrom
dobomode:docs/native-tabs-override-scrollview-inset
Open

docs: add overrideScrollViewContentInsetAdjustmentBehavior option to bottom tab navigator#1492
dobomode wants to merge 1 commit into
react-navigation:mainfrom
dobomode:docs/native-tabs-override-scrollview-inset

Conversation

@dobomode
Copy link
Copy Markdown

Closes #1491.

Summary

The overrideScrollViewContentInsetAdjustmentBehavior option has been exposed on Tab.Screen via @react-navigation/bottom-tabs/unstable types (source) since react-native-screens started exposing it natively. It's iOS-only, defaults to true, and currently has no entry on the public docs site — only the JSDoc in the TypeScript source.

It's the only escape hatch for a fairly common visible symptom on iOS:

A blank gap appears above the content of a native-stack screen with headerTransparent: true when that screen lives inside a NativeTabs tab. Setting <ScrollView contentInsetAdjustmentBehavior="never" /> doesn't reliably fix it because rn-screens deliberately overrides this back to automatic for the first descendant ScrollView of each tab.

Reported with the same symptom in react-navigation/react-navigation#12946; the option was added in response but never landed in the docs.

Changes

Added a new option section between tabBarSelectionEnabled and bottomAccessory in:

  • versioned_docs/version-7.x/native-bottom-tab-navigator.md
  • versioned_docs/version-8.x/bottom-tab-navigator.md

The wording mirrors the existing JSDoc and includes a minimal code example showing how to disable the override on a specific tab.

Test plan

  • Renders cleanly in the Markdown preview
  • Diff is additive only — no existing content modified
  • Reviewer to confirm placement / wording matches style of surrounding options

…bottom tab navigator

Closes react-navigation#1491

The option has been exposed on Tab.Screen since react-native-screens v3
(via @react-navigation/bottom-tabs/unstable types), but isn't listed
on the docs page. It's the only escape hatch for a fairly common
visible bug — a blank gap appearing above content in a nested native-stack
screen that uses headerTransparent: true on iOS — and readers hitting
the symptom have no way to discover it from the documentation.

Added to v7 (native-bottom-tab-navigator.md) and v8 (bottom-tab-navigator.md).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented May 17, 2026

Deploy Preview for react-navigation-docs ready!

Name Link
🔨 Latest commit 545bd7b
🔍 Latest deploy log https://app.netlify.com/projects/react-navigation-docs/deploys/6a09fb46cc712c0008fb1c0f
😎 Deploy Preview https://deploy-preview-1492--react-navigation-docs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Docs: overrideScrollViewContentInsetAdjustmentBehavior option missing from Native Bottom Tab Navigator page

1 participant