reactjs - React-Native 背景图像 - 如何水平重复和 100% 高度

Question

我需要一个水平重复的背景图像来填充父元素并占据 100% 的高度（不重复）。

我尝试将图像设置为“重复”和高度 100%，但没有成功。有什么建议如何在 react-native 中做到这一点？

<ImageBackground
     source={staticImages.background.image}
     imageStyle={{ resizeMode: 'repeat', height: '100%' }}
     style={{ flex: 1, width: undefined, height: undefined }}
 >
   .....Content

<ImageBackground/>

Answer 1

带出去resizeMode

<ImageBackground
 source={staticImages.background.image}
 imageStyle={{ flex: 1 }}
 resizeMode='repeat'
 style={{ flex: 1, width: undefined, height: undefined }}
 >
   .....Content

<ImageBackground/>