具有gridlisttiles的断点

Question

是否可以在网格列表图块组件上放置sm = {12} lg = {6}，以便它们在小屏幕上占据整个屏幕，而在大屏幕上占据一半的屏幕？如果不是，那么是否可以重组网格列表，以便在较小的屏幕上每行的网格列表磁贴更少？任何帮助表示赞赏！

Answer 1

您将需要使用Material UI的breakpoints来检测设备尺寸。您可以使用一个更高阶的组件withWidth来使道具width在组件中可用。

现在，您可以在组件中根据需要更改cols的{​​{1}}属性。

类似

GridList

请注意：默认情况下，网格列表占据了父容器的全部宽度。