fix: 4606 - translucent top status bar on on-boarding page 1

[monsieurtanuki]

What

• In order to have a translucent top bar, the trick is to start with a colored Container AND THEN use a SafeArea.
• This way, the system will use the Container color with its own shade for the top status bar, and the body of the page will still use a SafeArea.
• @bishalbera Very strange that on your android you already had a translucent top bar. I had not. The solution is in the end not what I assumed, but it mimics what is coded in other similar pages.

Screenshot

Fixes bug(s)

• Fixes: Make the top bar transparent in the first screen of the onboarding #4606

Impacted file

• reinvention_page.dart: put the color (container) and THEN the SafeArea

[codecov-commenter]

Codecov Report

Merging #4615 (bbcd820) into develop (c6d8aec) will not change coverage.
Report is 3 commits behind head on develop.
The diff coverage is 0.00%.

@@           Coverage Diff            @@
##           develop    #4615   +/-   ##
========================================
  Coverage    10.14%   10.14%           
========================================
  Files          299      299           
  Lines        15686    15686           
========================================
  Hits          1591     1591           
  Misses       14095    14095           

Files Changed	Coverage Δ
...oth_app/lib/pages/onboarding/reinvention_page.dart	0.00% <0.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[bishalbera]

ya that was strange.
Thank you, @monsieurtanuki, for sharing this valuable tip. and I believe that using SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(statusBarColor: Colors.transparent)); in the main function before calling runApp could be another helpful approach. In any case, I want to express my gratitude once more. My journey into open source development has begun, and I'm already gaining valuable insights and knowledge.

[monsieurtanuki]

@bishalbera Enjoy the journey!

[M123-dev]

Looks about right

[monsieurtanuki]

Thank you @M123-dev for your review!