有一个固定的<ImageBackground>,当我滚动时它不会移动

时间:2019-06-12 17:16:25

标签: css reactjs react-native flexbox imagebackground

我想要一个背景图像,它可以显示所有屏幕并在滚动时保持静态。

我在React Native项目中拥有这个组件:

ActivityCompat.requestPermissions()

它包装了其他组件,并且具有以下样式:

<ImageBackground`     style={styles.backgroundImage}
 source={require('../assets/images/Fondo1b.jpg')}>
 ....
</ImageBackground>

当我上下滚动时,它会随着屏幕移动: GIF link

在这里,您可以看到它如何随着滚动而移位。

我需要它保持静止不动,占据屏幕大小,在滚动和移动FAB时不移动(这是Native Base的FAB,它可以帮助...) 有什么提示吗?

1 个答案:

答案 0 :(得分: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
  },