ImageBackground moving after pressing the InputText

Asked Sep 14 '19 at 10:26

Active Sep 14 '19 at 10:42

Viewed 332 times

Hello I just started to use React Native and I want to use an image as background but when press to an input text the image moves a little bit up and I want to be fixed.

const backgroundImage = './assets/background-blur.jpg'

const App = () => {
    return (
        <View>
            <ImageBackground source={require(backgroundImage)} style={style.background}>
                <ScrollView>
                    <SearchInput />
                </ScrollView>
            </ImageBackground>
        </View>
    )
}

const style = StyleSheet.create({
    background: {
        width: '100%',
        height: '100%'
    }
})

Any suggestion?

edited Sep 14 '19 at 10:42

ravibagul91

20,072
5
36
59

asked Sep 14 '19 at 10:26

Jonathan Gómez

Try `backgroundAttachment: fixed` – ravibagul91 Sep 14 '19 at 10:44
@ravibagul91 it tells me is not a valid style property :( – Jonathan Gómez Sep 14 '19 at 10:46
@JonathanGómez welcome to stackoverflow.You may be looking for this maybe https://stackoverflow.com/questions/39344140/react-native-how-to-control-what-keyboard-pushes-up – Thakur Karthik Sep 14 '19 at 17:18

ImageBackground moving after pressing the InputText

0 Answers0