我们的代码在反应本机应用程序中面临图像问题。我们已将图像放入我们的反应本机代码中,并在代码中使用 Image 标签。我们已经将图像的大小 - 高度和宽度设置为 150,比方说。我们的问题是,当我将图像的高度降低到 100 时,它会从顶部和底部裁剪图像。虽然根据我们的需要,我们希望仅从底部裁剪图像。下面是我们编写的代码的示例代码和输出。
例如,我们按照下面的代码放置了一张宽度和高度为 150 的图像,并且我们根据窗口的右侧获取输出。(图片(i))(https://ibb.co/CJjc4SP)
现在,当我们将图像的高度设置为 100 时,它会从顶部和底部裁剪图像。虽然根据我们的需要,我们希望仅从底部裁剪图像。请参考下面的代码片段和相同的输出。(图片(ii))(https://ibb.co/FhZ1gxh)
进一步解释示例,下面的图像 1 是我们在代码中使用的高度为 150 的图像。当我们将其高度降低到 100 时,图像会按照图像 2 从顶部和底部进行裁剪。虽然我们希望输出图像根据图 3 仅从底部裁剪。请参考下面的图像。
原始图像 (1) - ( https://ibb.co/JRzk1T8 )
裁剪输出图像 (2) - 当我们将图像高度从 150 降低到 100 时,图像会根据图像从顶部和底部进行裁剪。-(https://ibb.co/GJkW7PX)
预期输出图像 (3) – 虽然我们希望图像仅从底部裁剪,如上图所示。-(https://ibb.co/jZkdHhw)
我们的项目中有多个图像。所以请相应地给出适当的分辨率。-(https://ibb.co/nPD4JvQ)
在应用减小的尺寸高度时,有什么方法可以仅从底部裁剪图像?或者通过应用任何其他道具或属性?
亲切的问候,乌代