反应具有不同物料尺寸的本机动态水平网格

Question

我想创建具有不同项目大小的水平平面列表，假设我从响应中获取图像，我希望平面列表显示在网格中。如果我收到视频，我不想要网格，它将显示为图像中所示，并且列表应水平滚动。如果有人这样做或任何人知道该怎么做，请帮助我。预先感谢

Answer 1

您可以使用react-native-easy-grid。如果您签出github repo，则很容易实现这种设计。我认为这样的代码可以帮助您

<Grid>
  <Col>
    <Row>
      <Text>1</Text>
    </Row>
    <Row>
      <Text>2</Text>
    </Row>
  </Col>
  <Col>
    <Row>
      <Text>3</Text>
    </Row>
    <Row>
      <Text>4</Text>
    </Row>
  </Col>
  <Col>
    <Text>5</Text>
  </Col>
</Grid>