Android上的ImageBackground重复未填满屏幕

时间:2019-02-21 17:58:25

标签: android react-native styles imagebackground

我正在使用react native来构建应用,并且我想使用重复调整大小模式like this来获得背景图片。

        <View 
            style   = {style.container}>
            <ImageBackground 
                source={require('../../assets/images/background.png')}
                resizeMode="repeat"
                style={style.imageBackground}
                >
                    ...
            </ImageBackground>
        </View>

样式:

imageBackground: {
    width: '100%', 
    height: '100%', 
    resizeMode: 'repeat',
    justifyContent:'center'
},
container: {
    marginTop: Platform.OS === 'ios' ? 0 : StatusBar.currentHeight + 30,
    flex: 1,
    backgroundColor: COLORS.BACKGROUND,
    justifyContent: 'center',
},

在iOS上,它可以完美运行。但是当我打开Android时,它看起来像这样:

AndroidScreenshot

我在做什么错了?

0 个答案:

没有答案