[v4] Text is cropped for buttons inside bottomsheet on IOS only

[kav]

Bug

Buttons appearing inside a bottom sheet (on IOS) get cropped off. This behavior is random and does not occur every time, the best way to reproduce is to constantly refresh the app. This happens in the simulator and on my ios device.

Another example:

Environment info

Library Version
@gorhom/bottom-sheet 4.6.0
react-native 0.74.2
react-native-reanimated 3.10.1
react-native-gesture-handler 2.16.1

Steps To Reproduce

1. Create a simple bottomsheet from https://gorhom.github.io/react-native-bottom-sheet/usage
2. Add a button
3. Add the following style to the content container:

  contentContainer: {
    flex: 1,
    alignItems: 'center',
  }

4. Continue refreshing the app until the text gets cropped off. E.g.

Expected behavior:

Text does not get cut off:

Reproducible sample code

1. Open https://snack.expo.dev/@jeannei91/bottom-sheet-cropped-button
2. Switch to the ios view
3. Reload the app until the button is cropped

Note this was also reported in 2021 ( #645 ) but the issue was closed
And again in 2022 #1218 but again the issue was closed