React native 将resizeMode设置为'；重复'；未覆盖整个元素（剩余空白）

我试图创建一个“平铺”的背景，用一个ImageBackground元素覆盖设备的整个屏幕。我的问题是，即使ImageElement覆盖了整个屏幕，正如所附图像上的红色边框所示，但内部图像仅覆盖整个宽度，并在垂直方向上留下空白。我已经检查了文档，但找不到任何相关内容。这是我的组件

      <ImageBackground source={require('../../images/linepattern.jpg')} style={[styles.container]}
  resizeMode='repeat' 
  imageStyle={{resizeMode : 'repeat', overflow : 'visible', backfaceVisibility: 'visible', flex : 1}}>

}

谢谢你的帮助。

试试这个

<ImageBackground
  source={require('../../images/linepattern.jpg')}
  style={styles.container}
  imageStyle={{
    resizeMode: 'repeat',
    overflow: 'visible',
    backfaceVisibility: 'visible',
    flex: 1,
  }}
>
  ....
</ImageBackground>;

---

您希望单个图像覆盖整个屏幕，还是希望重复图像覆盖整个屏幕？@HazimAli我希望重复图像覆盖整个屏幕您是否用另一个视图包装了ImageBackground？或者别的什么。。它应该遵循父级，因为您将flex 1添加到组件中。。我不觉得这里面需要imageStylecase@HazimAliImageBackground没有任何包装，它甚至没有任何子对象（我在有子对象和没有子对象的情况下都尝试过）。。我也省略了imageStyle道具，并将

resizeMode='repeat'

作为直接道具放置，但什么也没有。我仍然得到同样的结果。。。我知道ImageBackground视图覆盖了整个屏幕，所以我认为它可能与内部图像有关，但我确实如此stumped@HazimAli我认为我的问题可能与我使用React本机导航以及它布局组件的方式有关。。我刚刚在expo上尝试了相同的代码，它的效果与预期的一样。

<ImageBackground
  source={require('../../images/linepattern.jpg')}
  style={styles.container}
  imageStyle={{
    resizeMode: 'repeat',
    overflow: 'visible',
    backfaceVisibility: 'visible',
    flex: 1,
  }}
>
  ....
</ImageBackground>;

container:{height:'100%, width:'100% }