SafeArea is must have widget for any app developing with Flutter and Dart. So what is SafeArea for ?
As the name indicates it secure the mostly you want to cover, it helps to prevent overlapping of UI to Notification area, bottom navigation and edges of the screen. So you can keep the app away from different type of notches, curved edges , and other hardware features.
All you have to do is to wrap your widgets with SafeArea() widget as follows
SafeArea( child: Scaffold(