你可以让它像在CSS中一样响应。
用数学！但怎么做呢
使用MediaQuery width来使用crossAxisCount属性：

crossAxisCount:(MediaQuery.of(context).size.width ~/ 250).toInt()

额外有用提示：

如果您需要控制Min / Max计数，您可以导入数学库并使用min / max函数。
示例：

import 'dart:math';

/// Inside widget build insert following variables

final currentCount = (MediaQuery.of(context).size.width ~/ 250).toInt();

final minCount = 4;

...

// Automatically select whichever is greater

crossAxisCount: max(currentCount, minCount);

// Automatically select whichever is less

crossAxisCount: min(currentCount, minCount);

使用responsive_grid包
它的工作原理类似于Bootstrap网格系统

layoutBuilder作为@Abbas.M提到的是一种可能性，您也可以使用mediaQuery

var deviceData = MediaQuery.of(context); 
    var screenSize = MediaQuery.of(context).size;
    var deviceOrientation = MediaQuery.of(context).orientation;

    if (screenSize.width > oneColumnLayout) {
      ...
    } else {
      ...
    }

比如设备数据，屏幕大小，或方向，还有动画和其他东西，这真的很有帮助。

我最近一直在做的是，当应用程序启动时，我获取它的尺寸，并将它们存储为常量，我在应用程序中使用。看看this，因为我发现它很有帮助。
您还可以使用一些小部件来自行缩放，如layoutBuilder，在here上有更多

在crossAxisCount上使用MediaQuery.of（context）.orientation == Orientation.landscape。然后使用三元运算符或if/else语句来声明crossAxisCount值。参见下面的示例。对我很有效

crossAxisCount: (MediaQuery.of(context).orientation == Orientation.landscape) ? 4 : 2