Question

我正在将ImageBackground与resizeMode={'repeat'}一起使用。但这并不涵盖所有背景。当我将resizeMode更改为contain时，它确实适合背景

render(
       return (
               <ImageBackground source={require('./img/download.jpg')} style= 
                         {styles.container} resizeMode={'repeat'}>

               </ImageBackground>
       )

)


const styles = StyleSheet.create({
   container: {
      flex: 1,
      padding: 0
   }
});

Link to image of the problem

Answer 1

将同一段代码与其他具有不同图像的图像进行了测试，并且工作正常，Click here to check。所以我认为用作背景的图像会有问题，您可以共享图像吗？

Answer 2

尝试一下：

render(
       return (
            <View style={{ flex:1, position:'absolute', top: 0, left: 0, right: 0, bottom: 0, }}>
               <ImageBackground source={require('./img/download.jpg')} style= 
                         {styles.container} resizeMode={'repeat'}>

               </ImageBackground>
            </View>
       )

)

container: {
 flex:1, width: null, height: null
}

ImageBackground不覆盖resizeMode重复的背景

2 个答案: