🔧 Prevent the phenomenon that the background of BottomNavigation is shifted.

[Corvus400]

Issue

• close [Bug] The background of BottomNavigation is sometimes displayed out of alignment. #551

Overview (Required)

• Only ProfileCardScreen had Scaffolds nested within Scaffolds.
• This bug can be fixed by removing the nesting of Scaffolds.

Movie (Optional)

Before	After
before.mp4	after.mp4

[github-actions]

Snapshot diff report

File name	Image
ProfileCardScreenTes t[ProfileCardScreen - when profile card is exists - it shoul d show card screen]_ compare.png
ProfileCardScreenTes t[ProfileCardScreen - when profile card is exists - flip pri fle card - it should back side of the pr ofile card is displa yed]_compare.png

[Corvus400]

@takahirom
The tag is still attached, but the PR status has been changed from Draft to Open. 🫡

[takahirom]

May I ask where the cause of the issue with the shifted background of BottomNavigation is? 🙋

[takahirom]

Anyway, this is better than what we have! Thank you for your contribution!

[Corvus400]

@takahirom

May I ask where the cause of the issue with the shifted background of BottomNavigation is? 🙋

Unfortunately, we do not know what is the definite cause. 🙇
All we know are the following facts. 💁‍♂️

1. only the ProfileCardScreen where the problem was occurring had a structure that nested Scaffolds
2. the problem occurs when both scrolling and keyboard display occur at the same time
3. the “layout boundary” was not displayed on the misaligned background
4. commenting out the Canvas still causes the background to be displayed out of alignment
5. adjusting the offset to dynamically correct the position of the Canvas as the keyboard is displayed does not solve the problem of the background being displayed in a misaligned position

Screen_recording_20240817_113546.mp4