Reactjs React原生背景图像警告:为“视图”提供的props.style键“resizeMode”无效`
收集关于如何在RN中创建背景图像的指导,我了解到我需要一个包含其他元素的图像:Reactjs React原生背景图像警告:为“视图”提供的props.style键“resizeMode”无效`,reactjs,react-native,jsx,Reactjs,React Native,Jsx,收集关于如何在RN中创建背景图像的指导,我了解到我需要一个包含其他元素的图像: <Image style=... source=...> <Text>Hello</Text> </Image> 我是否应该忽略此警告,或者是否有适当的方法来创建此类结构: 当原始图像尺寸和帧之间不匹配时,prop决定如何调整图像大小 对于您的用例,contain应作为此道具的值添加,并且道具应添加在图像顶部,而不是作为样式的一部分 包含将 均匀缩放图像
<Image style=... source=...>
<Text>Hello</Text>
</Image>
我是否应该忽略此警告,或者是否有适当的方法来创建此类结构:
当原始图像尺寸和帧之间不匹配时,prop决定如何调整图像大小 对于您的用例,
contain
应作为此道具的值添加,并且道具应添加在图像顶部,而不是作为样式的一部分
包含
将
均匀缩放图像(保持图像的纵横比),使图像的两个尺寸(宽度和高度)等于或小于视图的相应尺寸(减去填充)
你好
您是否为图像
提供了源
属性?是的,我是。更新question.ah,下面是解决方案:
{
width: null,
height: null,
overflow: "hidden",
flex: 1,
flexDirection: "column",
justifyContent: "space-between",
alignItems: "stretch",
resizeMode: "cover"
}
<Image style=... source=... resizeMode="contain">
<Text>Hello</Text>
</Image>