presentation: 'modal' Screens are tiny on iPad / iOS18

[jforaker]

Description

Greetings.

(Firstly I'm always a little confused about who owns what in terms of react-navigation vs react-navite-screens so hopefully I'm in the right place. If I'm not please let me know!)

Ever since iOS 18 came out, our users have pointed that several screens now appear really tiny on IOS.

Note in the screenshot the screen titled "Adjust Study Weights" is a createNativeStackNavigator() screen pushed with presentation: 'modal' . I believe this to be a bug somewhere down the native screen chain, but its hard for me as an outsider to isolate the source.

"react-native-screens": "4.3.0"

Note this is reproducible in the Snack: https://snack.expo.dev/TrJplgYWOFa8TGOILcUb6 (You might have to choose IOS > "iPad Pro 12.9" manually)

side by side ios 17/18

Steps to reproduce

1. make some screens using createNativeStackNavigator()
2. use presentation: 'modal' and test on an iPad

Snack or a link to a repository

https://snack.expo.dev/O78qXxcUm1WbmoQuoTM9A

Screens version

4.3.0

React Native version

0.73.9

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Release mode

Device

iOS simulator

Device model

iPad Pro 13-inch (M4), iOS 18.0

Acknowledgements

Yes

[kkafar]

Unfortunately it seems that this is not a bug. This is change of behaviour introduced with iOS 18 & when I did research on it ~1.5 weeks ago I haven't found UIKit API to restore older behaviour. Apple added SwiftUI API (link) to allow to restore old behaviour, however I haven't found equivalent in UIKit. Right now I do not know what should be the way forward with this issue. I'm open for suggestions.

[jforaker]

Thanks @kkafar -- appreciate the reply. Sounds like we'll have to live with it for now. Its not the end of the world, but it is certainly a quirky decision from the IOS side.

Feel free to close this issue if you want.

[kkafar]

I'm closing the issue yet, because I'm considering using PageSheet instead of Automatic UIPresentationStyle for the presentation: 'modal' prop, which might restore the old behaviour, but I'm yet unsure what other behaviour would change 😅 I'll test this once I tend to few other matters.

[jforaker]

Cool. Sounds good @kkafar