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

React native 如何调整react paper card.cover中图像的大小以适应高度?,react-native,react-native-paper,React Native,React Native Paper,我有: {/*卡片标题*/} 卡片内容 我正在尝试缩放卡。覆盖,使每张卡的高度不同,而是取决于图像尺寸。目前,所有卡片的高度和宽度都相同。我该怎么做呢?也许你可以用 <Card> <Card.Cover source={{ uri: props.source.uri }} resizeMode={`cover`} style={{flexDirection: 'column'}}/> <Card.Content>

我有:


{/*卡片标题*/}
卡片内容
我正在尝试缩放
卡。覆盖
,使每张卡的高度不同,而是取决于图像尺寸。目前,所有卡片的高度和宽度都相同。我该怎么做呢?

也许你可以用

<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>
获取并设置高度

或者你可以这样尝试:

Image.getSize(uri, success, [failure]);
在代码中

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

也许您可以使用

<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>
获取并设置高度

或者你可以这样尝试:

Image.getSize(uri, success, [failure]);
在代码中

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