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

Question

I am building an application using Flutter in both the Mobile and Web platforms. I have a few different UI to show from Web to Mobile. In the Web version running on the chrome when I change the size of the browser, it shows the mobile app pages.

How to stop this, so that the Web version should not show the mobile version when the browser layout gets changed.

Answer 1

I assume that you check the size of the layout like:

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

You can try to do like this if you want to prevent switching on mobile devices

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

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

This should solve your problem.