时间戳

首页 > 解决方案 > 如何自动设置从 API 检索到的图像的宽度？

javascript - 如何自动设置从 API 检索到的图像的宽度？

问题描述

对于我的 React Native 应用程序，我必须从 API 导入未知宽度的图像。我已经设置了检索到的图像的高度（30px）。但是，图像可以是任何宽度。

有没有办法根据我设置的高度自动设置宽度？有没有办法做到这一点？

这是我的代码：

<Image style={styles.logo} resizeMode="contain" source={{url: `${Config.S3_COMPARATORS}/${this.props.account.institutionId}`}} />

styles.logo 仅包含：height: 30;

我不知道宽度或纵横比。我只知道图像的高度是 100 像素，宽度在 0 到 300 像素之间。

你能帮助我吗？

标签： javascripthtmlcssreact-native

解决方案

img{
    height: 100px;
    width: auto;
}

推荐阅读