Flutter 布局参考手册：SafeArea

SafeArea

在不同的平台上，有很多特殊的位置，比如 Android 系统的状态栏，或者 iPhone X 的“齐刘海”，我们应该避免在这些位置放置元素。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13678.html

解决方案就是使用 SafeArea 部件（下面的例子分别是使用和没使用 SafeArea 的效果）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/13678.html

Widget build(BuildContext context) {
  return Material(
    color: Colors.blue,
    child: SafeArea(
      child: SizedBox.expand(
        child: Card(color: Colors.yellowAccent),
      ),
    ),
  );
}