Header bounces when fresh loading the app

[isagoico]

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

---

Expected Result:

Header should not bounce when fresh loading the app.

Actual Result:

Header bounces when fresh loading the app.

Action Performed:

1. Force Close the application
2. Open the app.

Workaround:

No need, visual issue.

Platform:

Where is this issue occurring?

Web
iOS
Android ✔️
Desktop App
Mobile Web

Version Number: 1.0.67-0

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos:

WhatsApp.Video.2021-06-11.at.2.54.07.PM.mp4

Expensify/Expensify Issue URL:

View all open jobs on Upwork

---

From @parasharrajat https://expensify.slack.com/archives/C01GTK53T8Q/p1623341845172600

Report header bounces on Android at first load. Seems a regression.

[MelvinBot]

Triggered auto assignment to @marcaaron (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[marcaaron]

I see this is mentioned to be a regression, but do we have any idea what caused it? Regardless, seems like something that is worth looking into so I think it's a good External issue.

[MelvinBot]

Triggered auto assignment to @kevinksullivan (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[rdjuric]

@marcaaron I would like to fix this!

Proposal

The problem is caused by setting the StatusBar to translucent here
https://github.com/Expensify/Expensify.cash/blob/11b781540f89c0b19aa56280c02bcca10f7399f6/src/Expensify.js#L154-L160
This is no longer necessary since our StatusBar is a solid grey when the app starts and is solid (but transparent) when our .js code loads (thanks to our CustomStatusBar)

By setting the StatusBar to translucent here, we let the app draw under the StatusBar, but after our CustomStatusBar is loaded, we force it to draw only below the StatusBar again, causing the jump we see here.

video2.mp4

[marcaaron]

Nice find! @kevinksullivan can we get @rdjuric hired?

[kevinksullivan]

Job posted for @rdjuric

https://www.upwork.com/jobs/~01283ff00ea2dd7506