Flutter：在浏览器中运行网页版时如何停止显示移动应用

Posted 2023-02-23

【中文标题】Flutter：在浏览器中运行网页版时如何停止显示移动应用

【英文标题】：Flutter: How to stop showing mobile App when running the Web version in browser

【发布时间】：2021-01-08 07:50:33

【问题描述】：

我正在移动和 Web 平台上使用 Flutter 构建应用程序。从 Web 到 Mobile，我有几个不同的 UI 要显示。在 chrome 上运行的 Web 版本中，当我更改浏览器的大小时，它会显示移动应用程序页面。

如何阻止这种情况，这样当浏览器布局发生变化时，网页版不应该显示移动版。

【参考方案1】：

我假设您检查布局的大小，例如：

if (layoutSize <= someValue) 
  switchToSmallerLayout();

如果您想阻止打开移动设备，可以尝试这样做

bool get _isMobile => Platform.isios || Platform.isandroid;

if (layoutSize <= someValue && !_isMobile) 
  switchToSmallerLayout();

这应该可以解决您的问题。