react-native - 如何调整 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]);

获取和设置高度？图像.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}}/>