Skip to content

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

Description

@chrispader

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

Metadata

Metadata

Assignees

Labels

BugSomething is broken. Auto assigns a BugZero manager.MonthlyKSv2

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions