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

Question

我有：

<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 以便每张卡片的高度都不相同 - 但它取决于图像尺寸。目前，所有的卡片都具有相同的高度和宽度。我该怎么做？

Answer 1

也许你可以使用

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}}/>

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

How can I resize an image in a react-paper card.cover to fit the height?

react-native

react-native-paper