Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React原生背景图像警告:为“视图”提供的props.style键“resizeMode”无效`_Reactjs_React Native_Jsx - Fatal编程技术网

Reactjs React原生背景图像警告:为“视图”提供的props.style键“resizeMode”无效`

Reactjs React原生背景图像警告:为“视图”提供的props.style键“resizeMode”无效`,reactjs,react-native,jsx,Reactjs,React Native,Jsx,收集关于如何在RN中创建背景图像的指导,我了解到我需要一个包含其他元素的图像: <Image style=... source=...> <Text>Hello</Text> </Image> 我是否应该忽略此警告,或者是否有适当的方法来创建此类结构: 当原始图像尺寸和帧之间不匹配时,prop决定如何调整图像大小 对于您的用例,contain应作为此道具的值添加,并且道具应添加在图像顶部,而不是作为样式的一部分 包含将 均匀缩放图像

收集关于如何在RN中创建背景图像的指导,我了解到我需要一个包含其他元素的图像:

 <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>