在 Flutter Web 中调整浏览器页面大小时如何停止调整小部件的大小答案

【问题标题】：How to stop resizing of widgets when resizing browser page in Flutter Web在 Flutter Web 中调整浏览器页面大小时如何停止调整小部件的大小
【发布时间】：2021-09-29 09:39:34
【问题描述】：

如何停止 Flutter Web 中小部件的自动调整大小/响应。

有没有办法使用包裹在 Scaffold 周围的 Widget，例如，在调整页面窗口大小时阻止小部件调整大小？

我有一个不需要响应的独特用例（尽管我知道响应式设计通常是最好的）。

【问题讨论】：

标签： flutter flutter-layout flutter-web

【解决方案1】：

您可以像这样修复该特定小部件的 height 和 width

SizedBox(
      height: 300,
      width: 300,
      child: your_widget,
    );

并用SingleChildScrollView包裹父小部件

【讨论】：

【解决方案2】：

您可以使用kIsWeb 这将识别您是在移动应用还是网络应用上运行。在移动设备和 Web 上，响应式布局的输出仍然相同，但在运行 Web 或移动设备时会有所不同。

import 'package:flutter/foundation.dart';

kIsWeb ? WebWidget : MobileWidget

【讨论】：