React native background image warning:提供给`View`的props.style键`resizeMode`无效

时间:2016-07-05 07:30:44

标签: reactjs react-native jsx

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

 <Image style=... source=...>
     <Text>Hello</Text>
 </Image>

但是,我认为当Image具有内部元素时,RN会将其转换为视图。我得出了这个结论,因为我收到了这个警告:

warning about view properties

这是特殊的,因为resizeMode是提供给Image而不是View。警告中描述的包含图像的样式:

{
      width: null,
      height: null,
      overflow: "hidden",
      flex: 1,
      flexDirection: "column",
      justifyContent: "space-between",
      alignItems: "stretch",
      resizeMode: "cover"
}

我是否应该忽略此警告,或者是否有正确的方法来创建这种结构:

image background structure

1 个答案:

答案 0 :(得分:0)

当原始图像尺寸与框架不匹配时,resizeMode道具会决定如何调整图像大小。

对于您的用例ReadStoredProcedures(self, collection_link, options=None):应添加为此道具的值,并且道具应添加到图片的顶部,而不是作为样式的一部分。

contain

  

均匀缩放图像(保持图像的纵横比),使图像的尺寸(宽度和高度)等于或小于视图的相应尺寸(减去填充)。

contain