小白学Flutter - 配置安全距离

1.使用SafeArea小部件：Flutter的SafeArea小部件可以自动处理刘海和底部的“Home Indicator”，确保内容不会被遮挡。将你的UI放在SafeArea小部件内，以确保内容显示在可视区域内。

SafeArea(
  child: YourWidget(),
)

2.使用MediaQuery获取屏幕尺寸：你可以使用MediaQuery来获取设备的屏幕尺寸和安全边距。这可以帮助你动态调整UI元素的位置和大小，以适应刘海区域。

var mediaQuery = MediaQuery.of(context);
var safeAreaTop = mediaQuery.padding.top;
var safeAreaBottom = mediaQuery.padding.bottom;