您必须使用SafeArea，SafeArea小部件用于确保应用的内容可见，并且不会被特定于设备的元素（如状态栏、导航栏或屏幕上的任何凹口或切口）遮挡。
SafeArea widget用于在应用内容周围提供填充，确保应用内容可见，不会被任何设备特定的元素隐藏。这一点在具有凹口或切口的设备上尤为重要，因为应用内容可能会被设备硬件遮挡。
下面是一个如何在代码中使用SafeArea小部件的示例：

import 'package:flutter/material.dart';

class MyScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My Screen'),
      ),
      body: SafeArea(
        child: Center(
          child: Text('Hello, World!'),
        ),
      ),
    );
  }
}

在本例中，SafeArea小部件确保文本“Hello，World！”不会被任何设备特定的元素（如状态栏或导航栏）隐藏。SafeArea小部件会在内容的顶部和底部添加填充，以确保其可见且不会被任何硬件遮挡。

你必须用SafeArea小部件变形你的scafold