Skip to content

iOS 26: content hidden under header on presentation: "modal" #3113

@ypohrebennyk

Description

@ypohrebennyk

Description

Current behavior

I built my app with xcode beta 4 for iOS 26 ( ios26 ) and the top of my content in presentation: "modal" was hidden under the header:
Image

Added headerStyle: { backgroundColor: "red" }, to show that it really hidden under header:
Image

Expected behavior

I expect that content will be rendered below the header for both old iOS 18.6 and iOS 26.
By adding this workaround: contentStyle: { paddingTop: Platform.OS === "ios" && Number(Platform.Version) >= 26 ? 24 : 0 } I reached the expected result. But having things like so in the code base is bad practice; these things should be handled inside the lib globally.

Expected result:
Image

Expected result with red header:
Image

Steps to reproduce

  1. Build your app with Xcode Beta 4 for ios26
  2. Create a screen with presentation: "modal"
  3. Open it when at least title in header exist
  4. See the issue with current behavior

Snack or a link to a repository

Can't be reproduces in any way except build app with Xcode Beta 4 for ios26

Screens version

4.13.1

React Native version

0.77.2

Platforms

iOS

JavaScript runtime

None

Workflow

None

Architecture

Paper (Old Architecture)

Build type

None

Device

iOS simulator

Device model

any iOS 26

Acknowledgements

Yes

Metadata

Metadata

Assignees

Labels

Missing infoThe user didn't precise the problem enoughMissing reproThis issue need minimum repro scenarioPlatform: iOSThis issue is specific to iOS

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions