Иметь фиксированный <ImageBackground>, который не смещается при прокрутке - PullRequest
Новая
       26

Иметь фиксированный <ImageBackground>, который не смещается при прокрутке

0 голосов
/ 12 июня 2019

Я хочу иметь фоновое изображение, которое занимает весь экран и остается статичным при прокрутке.

У меня есть этот компонент в проекте 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
  },

Когда я прокручиваю вверх и вниз, он перемещается вместе с экраном: Ссылка GIF

Здесь вы можете увидеть, какон перемещается вместе со свитком.

Мне нужно, чтобы он оставался статичным, занимая размер экрана, не двигаясь при прокрутке и не перемещая мой FAB (это FAB в Native Base, он помогает ...) Любые советыпожалуйста?

1 Ответ

1 голос
/ 12 июня 2019

Проверьте это.Нужно именно это для 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
  },
...