如何使 flutter web 应用程序具有一定的尺寸，并保持手机尺寸？答案

【问题标题】：How to make flutter web app a certain size, and keep phone dimensions?如何使 flutter web 应用程序具有一定的尺寸，并保持手机尺寸？
【发布时间】：2023-02-17 02:25:10
【问题描述】：

我正在构建一个跨平台应用程序。我们也将在网络上。但是对于网络，我们想像下图那样做，这样整个应用基本上仍然有手机尺寸。我尝试用容器包装 materialapp 并设置高度（如果 kIsWeb 为真），但它留下了一个奇怪的框阴影，每次我浏览页面时它看起来都非常奇怪。

关于执行此操作的最佳方法的任何想法？

【问题讨论】：

标签： flutter dart flutter-web

【解决方案1】：

你需要使用布局生成器微件

Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(title: const Text('LayoutBuilder Example')),
  body: LayoutBuilder(
    builder: (BuildContext context, BoxConstraints constraints) {
      // Add width condition of Web 
      if (constraints.maxWidth > 600) {
        return _buildWeb(); 
      } else {
        return _buildMobile();
      }
    },
  ),
);

从这里阅读更多相关信息：
https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html

【讨论】：

【解决方案2】：

使用 flutter_web_frame。希望这能解决您的问题。

https://pub.dev/packages/flutter_web_frame

【讨论】：