reproduce layout shift issue #2933

[AndreiCalazans]

Description

Reproducible for #2933

What to look for?

There are two problems but one kind of makes the other visible and I'm here because of problem two.

1. The padding is getting lost when updateScreenSizeFabric runs
2. But also updateScreenSizeFabric runs when there is a orientation change causing the layout shift

In a large app with many things going when orientation changes this is causing the app to have enourmous UI shifts causing the app to lag and become a bit slow to complete the layout shift. Thus, in this example I needed to create an artificial pressure on the JS thread to make this show up - on a real world app on a lower end device no pressure is needed. The problem goes away when we comment out the updateScreenSizeFabric call.

reproduce-layout-shift-fabric.mp4

Changes

Test code and steps to reproduce

Checklist

• Included code example that can be used to test this change
• Updated TS types
• Updated documentation:
  • https://github.com/software-mansion/react-native-screens/blob/main/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
  • https://github.com/software-mansion/react-native-screens/blob/main/native-stack/README.md
  • https://github.com/software-mansion/react-native-screens/blob/main/src/types.tsx
  • https://github.com/software-mansion/react-native-screens/blob/main/src/native-stack/types.tsx
• Ensured that CI passes

[Prajwaltechversant]

Hi @AndreiCalazans , have you got any workaround for this ?