如何在React-Native中将任何大小的图像放入固定大小的视图中

桑迪普·米什拉(Sandeep Mishra)

我正在尝试使用react-native的固定大小的视图,边框半径和borderWidth来适合我的图像

 <CachedImage
resizeMode="contain"
source={{
    uri:
        "https://s3-us-west-2.amazonaws.com/bracketopia-storage/products/logo_fresh.jpg"
}}
style={{
    height: 100,
    width: 180,
    borderRadius: 10,
    overflow: "hidden",
    alignItems: "center",
    borderWidth: 1,
    borderColor: AppColors.grey
}}
/>;

但是我无法实现它,我正在得到一些东西:

在此处输入图片说明

尼萨尔·塔卡

删除resizeMode =“ contain”属性

resizemode将在您传递参数时调整图像的大小,在此处传递contain参数,然后包含将缩放图像的两个维度,也将缩放视图的相应维度,并根据其纵横比将图像设置为“视图”。

有关更多详细信息,请检查react本机文档:https : //facebook.github.io/react-native/docs/image.html#resizemode

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 React Native 的视图中将图像居中

如何在移动视图中调整固定背景图像的大小?

如何在react-native的动态列表视图中更改字体大小?

如何在React Native中将视图居中放置在另一个视图中?

如何在Opencart的网格视图中增加产品图像的大小?

如何在堆栈视图中动态调整文本视图的大小

如何在React Native中将图标放入TextInput中?

如何像在此图像中一样在滚动视图中调整图像视图的大小?

如何在 React Native 中将动画添加到更改其高度的视图中?

如何在flutter的滚动视图中将容器或其他任何小部件固定在appbar下方

React Native - 如何在运行时调整视图大小并重新渲染页面

如何在列表视图中设置固定图像高度100%

如何在 React Native 的视图中使用 useEffect

如何在UWP多视图中设置不同大小的窗口?

如何在iPad的视图中更改控件的大小?

如何在React Native中更改开关组件的大小?

如何在React Native Map中更改标记的大小?

如何在Tornadofx的ImageView中加载固定大小的图像

如何在Android位图中调整图像大小?

如何在颤振中将图像从视图中推出?

如何在React Native中将静态图像拉伸为背景?

如何在React Native中将图像放置在MapView的中心

我的图像大小是固定的。如何使其灵活?

如何在 Xamarin 的滚动视图中相对于屏幕大小调整内容大小?

如何在React Native中优化图像

如何在 React Native 中缩放图像?

如何在Android的CardView中调整图像大小以适合固定大小?

如何在漏斗图中具有固定大小但在动态悬停文本上具有固定大小?

如何减少 React Native 中的图像文件大小?