Иметь фиксированный <ImageBackground>, который не смещается при прокрутке
Я хочу иметь фоновое изображение, которое занимает весь экран и остается статичным при прокрутке.
У меня есть этот компонент в проекте React Native:
<ImageBackground` style = {styles.backgroundImage}
source = {require('../assets/images/Fondo1b.jpg')}>
....
</ImageBackground>
Он обертывает другие компоненты и имеет следующий стиль:
backgroundImage: {
flex: 1,
resizeMode: 'cover',
width: Dimensions.get('window').width,
height: Dimensions.get('window').height
},
Когда я прокручиваю вверх и вниз, он перемещается вместе с экраном: ссылка на гифку
Здесь вы можете увидеть, как он смещается при прокрутке.
Мне нужно, чтобы он оставался статичным, занимая размер экрана, не двигался при прокрутке и не смещал мой FAB (это FAB Native Base, это помогает...) Любые советы, пожалуйста?
Это работает в React Native :(
Ответы 1
Проверь это. Нужно именно это для React Native
https://medium.com/azimuth/adding-a-static-background-for-react-native-scrollview-79aa6b43e314
<ImageBackground style = {styles.backgroundImage}/>
backgroundImage: {
width: Dimensions.get('window').width,
height: Dimensions.get('window').height,
position: "absolute",
top: 0,
left: 0,
right: 0,
bottom: 0,
zIndex: -1
},
Поместите элемент ScrollView поверх ImageBackground. Также сделайте его backgroundColor прозрачным
Я вне занятий, но завтра попробую и дам тебе знать. Спасибо!
Я верю, что вы ищете
background-attachment: fixed