iOS和Android应用程序正在使flifter的缺口区域变黑

我正在为iOS和Android构建一个应用程序，但我面临一个重大挑战

无论我做什么，iOS上的刻痕区域以及android上的（模拟刻痕区域）和底部手势栏区域都被遮住了。我已经移除了所有安全区域，并尝试使用一个材料应用程序和一个脚手架，但是，这个问题仍然存在。这不会发生在我的任何其他项目，但我在我的项目阶段，我真的不想创建一个新的项目，所以请帮助

这是我使用的最低代码，问题仍然存在

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  settings = AppPreferences(await StreamingSharedPreferences.instance);
  runApp(App());
  // fs.SystemChrome.setPreferredOrientations([fs.DeviceOrientation.portraitUp])
  //     .then((_) {
  //   runApp(App());
  // });
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PreferenceBuilder<int>(
        preference: settings.themeMode,
        builder: (context, themeMode) {
          return MaterialApp(
              title: '',
              debugShowCheckedModeBanner: false,
              debugShowMaterialGrid: false,
              showSemanticsDebugger: false,
              themeMode: themeMode == 0
                  ? ThemeMode.light
                  : themeMode == 1 ? ThemeMode.dark : ThemeMode.system,
              theme: ThemeData(brightness: Brightness.light),
              darkTheme: ThemeData(brightness: Brightness.dark),
              home: IosApp());
        });
  }
}

void main（）异步{
WidgetsFlutterBinding.ensureInitialized（）；
设置=AppPreferences（等待StreamingSharedPreferences.instance）；
runApp（App（））；
//fs.SystemChrome.setPreferredOrientations（[fs.DeviceOrientation.graphicUp]）
//.然后（）{
//runApp（App（））；
// });
}
类应用程序扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回首选项生成器(
首选项：settings.themeMode，
生成器：（上下文，主题模型）{
返回材料PP(
标题：“”，
debugShowCheckedModeBanner:false，
debugShowMaterialGrid:false，
showSemanticsDebugger:false，
themeMode:themeMode==0
？表情灯
：themmode==1？themmode.dark:themmode.system，
主题：主题数据（亮度：亮度。灯光），
暗色调：主题数据（亮度：亮度。暗），
主页：IosApp（））；
});
}
}

谢谢大家!