React Native:无法从底部问题正确裁剪图像:

时间:2019-06-19 11:03:13

标签: react-native react-native-android react-native-image

我们在React Native应用程序中的代码面临图像问题。我们已经在代码中使用Image标签将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

应用减小的尺寸高度时,有什么方法可以仅从底部裁剪图像?还是通过应用其他任何道具或属性?

亲切的问候, 乌代

0 个答案:

没有答案