如何在 Flutter 中删除 MaterialApp 上的 Android 后退按钮？

Question

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);
  OrientationSingleton.left = true;
  SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft])
      .then((_) {
    runApp(new MyApp());
  });
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(

这是我的应用程序。我找到了一些关于如何删除它的教程：flutter remove back button on appbar 但它适用于 AppBar。我尝试让我的应用在 AppBar 上运行，但我得到了

MediaQuery.of() called with a context that does not contain a MediaQuery.

因为我在我的应用程序中依赖MediaQuery.of()。

那么，对于MaterialApp，如何在 Flutter 上移除 Android 的返回、主页和方形按钮？

Answer 1

如错误消息中所述，SystemChrome 需要 context - 调用它的地方可能是 Widget 的 initState() 方法：

class MyApp extends StatefulWidget {
  const MyApp({ Key key }) : super(key: key);

  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
   void initState() {
     super.initState();
     SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.bottom]);
     OrientationSingleton.left = true;
     SystemChrome.setPreferredOrientations([DeviceOrientation.landscapeLeft]);
   }

   @override
   Widget build(BuildContext context) {
      return MaterialApp(); // your MaterialApp class
   }
}

要隐藏 Android 上的系统底栏，一种选择是调用setEnabledSystemUIOverlays() 函数并使用一个空列表：

SystemChrome.setEnabledSystemUIOverlays([]);

但是，并非所有 Android 设备都支持此功能。