图像调整大小模式在反应本机

Question

React 原生样式信息 图像的文档提到了一个ImageResizeMode枚举，但我不知道如何导入它。

对于resizeMode，我宁愿使用枚举而不是内联字符串文字。

import { ImageResizeMode } from 'react-native';

但我得到：

图像调整大小模式未定义

Answer 1

在以前版本的 RN 中，它可作为Image上的属性使用，因此您只需导入Image类即可Image.resizeMode.cover。然而，核心团队决定放弃这一点(见 https://github.com/facebook/react-native/issues/20177(，所以正确的方法实际上是使用字符串值。或者如果您愿意，可以创建自己的枚举。

Answer 2

只需使用：

import { Image } from 'react-native';

然后：

<Image
style={{flex: 1}}
source={require('../PATH')}
resizeMode="SOME_VALUE"
/>

哪个SOME_VALUE

可以是contain、cover、stretch、center、repeat。