如何在颤振中构建响应网格?

Question

我想在Flutter Web中构建一个带有一些图像和字幕的网格。我想在移动，它将显示2列，并在桌面4。我怎样才能建立这个。

Answer 1

使用LayoutBuilder在所需宽度处建立切点。在LayoutBuilder中，使用如下命令设置网格的列数:

final columns = constraints.width > 500 ? 4 : 2;

然后在其中构建网格。你甚至可以把它变成一个公式，比如将宽度除以250，然后截断为int。