如何在 Flutter Web 应用程序中禁用移动浏览器中的旋转

Question

我正在开发一个颤振应用程序，其中有网络应用程序，在桌面上它看起来不错，但是当我在移动浏览器上以纵向模式打开它时，它是正确的，当设备旋转时，设计也会旋转并且设计会中断。即使手机以横向模式拍摄，如何在移动浏览器中禁用我的网站旋转？ 我在 main.dart 中给出了这个，但它没有任何区别。

SystemChrome.setPreferredOrientations([
        DeviceOrientation.portraitUp,
        DeviceOrientation.portraitDown,
      ]);

Answer 1

我认为您无法通过代码避免这种情况：Web 应用程序的方向由浏览器决定，因此您的应用程序可以尽可能多地尝试，但不会成功。浏览器是这里的主人，它不允许单个页面决定其方向。

我认为这里只有一个选择：使用 CSS 并编写两种不同的布局，一种用于横向，一种用于纵向（但我不是 CSS 专家，我帮不了你），这样横向旋转仍然会有一个好看的设计。