Flutter：在浏览器中运行Web版本时如何停止显示移动应用程序

Question

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

如何停止此操作，以便在更改浏览器布局时，Web版本不应显示移动版本。

Answer 1

我假设您检查布局的大小，如下所示：

if (layoutSize <= someValue) {
  switchToSmallerLayout();
}

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

bool get _isMobile => Platform.isIOS || Platform.isAndroid;

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

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