在网格中显示 [重复]

【问题标题】：Display in Grid [duplicate]在网格中显示 [重复]
【发布时间】：2018-01-30 18:54:58
【问题描述】：

我正在尝试使用 ReactNative 将我的项目格式化为网格视图。但是，当项目计数为奇数时，它将按照所附图片显示。反正可以格式化第三项左对齐吗？

ListView CSS

grid: {
        justifyContent: 'center',
        flexDirection: 'row',
        flexWrap: 'wrap',
        flex: 1,
    },

【问题讨论】：

【解决方案1】：

将 justifyContent 属性更改为 'flex-start'

【讨论】：

看起来不错，但如果设备的宽度更小，那么每一行将只有一个项目并左对齐？无论如何都可以使这种情况对齐到中心？
我认为这与问题不符。但同样，如果图像视图的宽度恒定，您可以获得设备宽度，并且通过简单的比较，您可以将 css 动态设置为“center”或“flex-start”。
@jokerday 和 Ashish：这就是媒体查询的用途......
使用平面列表在网格中显示项目。这是最好的选择