如何调整react-paper card.cover中图像的大小以适应高度？

7lrncoxx 于 2023-04-22 发布在 React

关注(0)|答案(1)|浏览(125)

我有：

<Card>
  <Card.Cover source={{ uri: props.source.uri }}
              resizeMode={`cover`} style={{flexDirection: 'column'}}/>
  <Card.Content>
    {/* <Title>Card title</Title> */}
    <Text>Card content</Text>
  </Card.Content>
</Card>

我正在尝试缩放Card.Cover，使每张卡的高度不相同-而是取决于图像尺寸。目前，所有卡的高度和宽度都相同。如何才能做到这一点？

react-native

来源：https://stackoverflow.com/questions/61511559/how-can-i-resize-an-image-in-a-react-paper-card-cover-to-fit-the-height

1条答案

按热度按时间

6ljaweal1#

也许你可以

Image.getSize(uri, success, [failure]);

获取并设置高度？Image.getSize
或者你可以这样尝试：

Image.resolveAssetSource(require("uri")).height

在你的代码里

<Card.Cover source={{ uri: props.source.uri }} resizeMode={`cover`} style={{flexDirection: 'column',height:Image.resolveAssetSource(require(props.source.uri)).height}}/>

赞(0）回复(0）举报 2023-04-22

我来回答

如何调整react-paper card.cover中图像的大小以适应高度？

1条答案

相关问题

热门标签

最新问答