Parts of the app can't be accessed in some devices as they touch operating system interfaces

[SriramPatibanda]

Describe the bug

The buttons and content at the boundaries of the app in select language screen can't be accessed as they touch operating system interfaces.

To Reproduce
Steps to reproduce the behavior:

Opening the app in devices without a notch display reproduces this behavior.

Expected behavior
The whole interface of the app must be within the phone boundaries(SafeArea) so that every button is accessible.

Actual behavior
The app's content at the boundaries of the device can't be accessed.

Screenshots

Additional details
N.A.

[SriramPatibanda]

Though Padding was given using SizeConfig, it's not getting initialized sometimes and this problem is faced in the Select Language page especially. I think wrapping the Scaffold with SafeArea must be a more preferable and recommended solution for this problem. @rutvik11062000 @sumitra19jha

[CyberWake]

@SriramPatibanda can you tell in which scenarios do the sizeConfig is not initialized. Because that is strange this will make the whole application's UI crumble up.

[SriramPatibanda]

@SriramPatibanda can you tell in which scenarios do the sizeConfig is not initialized. Because that is strange this will make the whole application's UI crumble up.

I'm not able to reproduce this bug again, but suddenly sometimes size config didn't get initialised and that's when I had faced this issue. And after navigating to the next page or hot reloading it, it was getting initialised.

[CyberWake]

Share a demo of the happening since this isn't possible AFAIK. And wrapping widgets in safe area for no sake doesn't make sense. Would be better if you could exactly tell the scenario.