App: [HOLD App Navigation Reboot] React navigation StackNavigator causes screen content to load slowly

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

(long lasting LoadingIndicators on many screens)

Action Performed:

1. Open app
2. Go to “Search”/“New Chat”/“New Group” screen (any Screen that renders an OptionsSelector)
3. Wait for the loading spinner to end

Expected Result:

After the screen transition is done, the screen content should render relatively fast.

Actual Result:

Instead, even after the screen transition has ended a LoadingIndicator keeps spinning for a few (milli-)seconds.

That’s because the OptionSelector component is waiting for the transitionEnd event to be emitted by react-navigation. (here) The transition will end at earliest though, once the screen content is rendered completely.

Workaround:

This is not blocking any flow.

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android / native
• Android / Chrome
• iOS / native
• iOS / Safari
• MacOS / Chrome / Safari
• MacOS / Desktop

Version Number: 1.2.49-0 Reproducible in staging?: yes Reproducible in production?: yes Email or phone of affected tester (no customers): christoph+hightraffic@margelo.io | iPhone 14 Pro (Simulator) Logs: https://stackoverflow.com/c/expensify/questions/4856 Notes/Photos/Videos: Any additional supporting documentation Expensify/Expensify Issue URL: Issue reported by: @marcaaron & @chrispader Slack conversation: https://expensify.slack.com/archives/C035J5C9FAP/p1669856870089949

View all open jobs on GitHub