[HOLD for payment 2021-12-13] Android - Status bar changes color when the app is loading at launch

[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!

---

Action Performed:

1. Force close the app
2. Reopen and check the status bar above

Expected Result:

Status bar should not change colors while the app is loading

Actual Result:

Status bar changes colors from grey to white while the app is loading

Workaround:

No need, visual issue.

Platform:

Where is this issue occurring?

• Android

Version Number: 1.1.14-0

Reproducible in staging?: Yes
Reproducible in production?: Yes

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

Notes/Photos/Videos: Any additional supporting documentation

New.Expensify.mp4

Expensify/Expensify Issue URL:

Issue reported by: Neyaz Ahmad
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1636652626134800

View all open jobs on GitHub

CC @mallenexpensify @Julesssss

[MelvinBot]

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

[mdneyazahmad]

As requested by @isagoico

[kakajann]

Proposal

1. Add new color value to android/app/src/main/res/values/colors.xml

<color name="white">#FAFAFA</color>

2. Add new styles to AppTheme in android/app/src/main/res/values/styles.xml

<item name="android:statusBarColor">@color/white</item>
<item name="android:windowLightStatusBar">true</item>

3. Remove StatusBar animation in here (the second parameter should be false)
   

   App/src/components/CustomStatusBar/index.android.js

   Lines 10 to 11 in 6701446

   	StatusBar.setBarStyle('dark-content', true);
   	StatusBar.setBackgroundColor('transparent', true);

Result

Screen_Recording_20211113-113125_New.Expensify.mp4

[MelvinBot]

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